.section-container{box-sizing:border-box;width:100%;transition:all .3s;position:relative}.section-container.section-editor{min-height:200px}.section-container.selected{outline-offset:2px;outline:2px solid #4361ee}.section-container.section-grid{display:grid}.section-container.section-flex-row{flex-flow:wrap;display:flex}.section-container.section-flex-column{flex-direction:column;display:flex}.section-container.section-flex-gap{box-sizing:border-box;flex-flow:wrap;align-content:flex-start;align-items:flex-start;display:flex}.section-area{min-height:100px;transition:all .2s;position:relative}.section-area.drag-over{background-color:#4361ee0d!important;border-color:#4361ee!important}.section-area.drag-hover{transform:scale(1.01)}.area-placeholder{color:#999;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:80px;padding:20px;font-size:14px;display:flex}.area-label{color:#666;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:12px;font-weight:600}.area-hint{color:#aaa;margin-top:4px;font-size:12px}.area-components{width:100%}.section-container.section-flex-column .area-components{flex-direction:column;gap:10px;display:flex}.section-container.section-flex-row .area-components{width:100%;display:block;overflow:hidden}.section-container.section-flex-row .area-components:after{content:"";clear:both;display:table}.section-container.section-flex-row .area-components>.placed-component{box-sizing:border-box;margin:0;float:left!important;display:block!important}.section-container.section-flex-gap .area-components{flex-flow:wrap;width:100%;display:flex}.section-container.section-flex-gap .area-components>.placed-component{box-sizing:border-box;flex:auto;min-width:0}.section-container.section-flex-row .area-components>.placed-component[data-width="25"]{width:25%!important}.section-container.section-flex-row .area-components>.placed-component[data-width="33"]{width:33.33%!important}.section-container.section-flex-row .area-components>.placed-component[data-width="50"]{width:50%!important}.section-container.section-flex-row .area-components>.placed-component[data-width="66"]{width:66.66%!important}.section-container.section-flex-row .area-components>.placed-component[data-width="75"]{width:75%!important}.section-container.section-flex-row .area-components>.placed-component[data-width="100"],.section-container.section-flex-row .area-components>.placed-component[data-width=auto]{clear:both;width:100%!important}.flex-drop-area{width:100%;transition:all .2s}.flex-drop-area.drag-over{animation:1.5s infinite dropPulse}.section-empty{color:#999;text-align:center;border:2px dashed #e0e0e0;border-radius:8px;justify-content:center;align-items:center;min-height:150px;padding:20px;font-size:14px;display:flex}.section-container.mobile-view{padding:10px}.section-container.mobile-view.section-grid{grid-template-columns:1fr!important}.section-container.tablet-view.section-grid{grid-template-columns:repeat(2,1fr)}.section-container.mobile-view.section-flex-gap{flex-direction:column;padding-left:10px;padding-right:10px}.section-container.mobile-view.section-flex-gap .area-components>.placed-component{flex:100%;width:100%}.section-container[data-template=sidebar]{grid-template-columns:1fr 3fr}.section-container[data-template=magazine]{grid-template-rows:repeat(3,minmax(150px,auto));grid-template-columns:2fr 1fr}.section-container[data-template=two-columns]{grid-template-columns:repeat(2,1fr)}.section-container[data-template=three-columns]{grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.section-container[data-template=sidebar],.section-container[data-template=magazine],.section-container[data-template=three-columns]{grid-template-rows:auto!important;grid-template-columns:1fr!important}.section-container[data-template=magazine] .section-area-main,.section-container[data-template=magazine] .section-area-sub-1,.section-container[data-template=magazine] .section-area-sub-2,.section-container[data-template=magazine] .section-area-sub-3{grid-area:auto!important}}@media (max-width:480px){.section-container[data-template=two-columns]{grid-template-columns:1fr!important}.section-area{min-height:80px}.area-placeholder{min-height:60px;padding:15px}}.section-editor .section-area{cursor:move}.section-editor .section-area:hover{background-color:#00000005}@keyframes dropPulse{0%{box-shadow:0 0 #4361ee66}70%{box-shadow:0 0 0 10px #4361ee00}to{box-shadow:0 0 #4361ee00}}.section-area.drag-over{animation:1.5s infinite dropPulse}
.customer-service-container select:disabled{opacity:.6;cursor:not-allowed}.customer-service-container .form-element{transition:all .2s ease-in-out}.customer-service-container .form-element:focus{transform:translateY(-1px)}.customer-service-container .switch-button{transition:all .3s}.customer-service-container .switch-button .switch-thumb{transition:transform .3s}
.qr-code-trigger-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:6px;min-width:60px;min-height:36px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #667eea4d;display:inline-flex!important}.qr-code-trigger-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #667eea66}.qr-code-trigger-button:active{transform:translateY(0)}.qr-code-trigger-button svg{width:20px;height:20px}.qr-button-small{padding:6px 12px;font-size:12px}.qr-button-small svg{width:16px;height:16px}.qr-button-medium{padding:8px 16px;font-size:14px}.qr-button-large{padding:12px 24px;font-size:16px}.qr-button-large svg{width:24px;height:24px}.qr-button-gradient{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.qr-button-solid{color:#fff}.qr-button-outline{color:#667eea;background:0 0;border:2px solid #667eea}.qr-button-ghost{color:#667eea;box-shadow:none;background:#667eea1a}.qr-button-ghost:hover{background:#667eea33}.qr-button-inline{position:relative}.qr-button-fixed-bottom-right{z-index:9999;position:fixed;bottom:20px;right:20px}.qr-button-fixed-bottom-left{z-index:9999;position:fixed;bottom:20px;left:20px}.qr-button-fixed-top-right{z-index:9999;position:fixed;top:20px;right:20px}.qr-button-fixed-top-left{z-index:9999;position:fixed;top:20px;left:20px}.qr-code-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#000000b3;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.qr-code-modal{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:24px;width:90%;max-width:450px;animation:.3s cubic-bezier(.34,1.56,.64,1) slideUp;position:relative;overflow:hidden;box-shadow:0 25px 50px #0000004d}.qr-modal-gradient{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.qr-modal-dark{background:linear-gradient(135deg,#2c2c2c 0%,#1a1a1a 100%)}.qr-modal-light{background:linear-gradient(135deg,#fff 0%,#f5f5f5 100%)}.qr-modal-light .qr-code-title{color:#333}.qr-modal-light .qr-code-url{background:#0000000d;border:1px solid #0000001a}.qr-modal-light .qr-code-url-text{color:#666}.qr-modal-light .qr-code-modal-close{background:#0000001a}.qr-modal-light .qr-code-modal-close:hover{background:#0003}.qr-modal-light .qr-code-modal-close svg{stroke:#333}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.qr-code-modal-close{cursor:pointer;z-index:10;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.qr-code-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.qr-code-modal-close svg{stroke:#fff;width:20px;height:20px}.qr-code-modal-content{flex-direction:column;align-items:center;gap:24px;padding:40px 30px;display:flex}.qr-code-title{color:#fff;text-align:center;text-shadow:0 2px 4px #0000001a;margin:0;font-size:24px;font-weight:700}.qr-code-image-wrapper{background:#fff;border-radius:20px;padding:24px;display:inline-block;position:relative;box-shadow:0 10px 30px #0003}.qr-code-image{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;border-radius:8px;display:block}.qr-code-actions{justify-content:center;gap:16px;width:100%;display:flex}.qr-code-button{cursor:pointer;border:none;border-radius:50px;flex:1;justify-content:center;align-items:center;gap:8px;max-width:160px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.qr-code-button:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.qr-code-button:hover:before{width:300px;height:300px}.qr-code-button-icon{z-index:1;width:18px;height:18px;position:relative}.qr-code-button-share{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d}.qr-code-button-share:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.qr-code-button-download{color:#667eea;background:#ffffffe6}.qr-code-button-download:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.qr-code-url{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);word-break:break-all;text-align:center;background:#ffffff26;border:1px solid #fff3;border-radius:12px;width:100%;padding:12px 20px;font-size:12px}.qr-code-url-text{color:#ffffffe6;font-family:Monaco,Courier New,monospace}.qr-code-loading{color:#ffffffe6;text-align:center;padding:60px;font-size:16px}.qr-code-error{text-align:center;padding:40px}.qr-code-error-message{color:#fff;background:#ff433633;border:1px solid #ff43364d;border-radius:8px;padding:16px;font-size:14px}@media (max-width:768px){.qr-code-modal{width:95%;margin:20px}.qr-code-modal-content{padding:30px 20px}.qr-code-title{font-size:20px}.qr-code-actions{flex-direction:column;gap:12px;width:100%}.qr-code-button{width:100%;max-width:100%}.qr-code-image-wrapper{padding:20px}.qr-code-trigger-button{padding:6px 12px;font-size:13px}}
.wishlist-container{max-width:100%;min-height:100vh;margin:0 auto}.wishlist-header{background-color:#0000;padding-top:0!important;padding-bottom:0!important}.wishlist-header>div{padding-top:0!important;padding-bottom:0!important}.wishlist-title{color:#1f2937;margin:0;font-size:1.5rem;font-weight:600}.wishlist-loading{background-color:#fff;justify-content:center;align-items:center;min-height:400px;display:flex}.loading-spinner{flex-direction:column;align-items:center;gap:1rem;display:flex}.spinner{border:4px solid #e5e7eb;border-top-color:#7c3aed;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wishlist-empty{text-align:center;background-color:#fff;border-radius:.5rem;margin:1rem;padding:4rem 2rem}.empty-icon{opacity:.7;margin-bottom:1rem;font-size:4rem}.empty-message{color:#6b7280;margin-bottom:2rem;font-size:1.125rem}.empty-cta-button{color:#fff;cursor:pointer;background-color:#7c3aed;border:none;border-radius:.5rem;padding:.75rem 2rem;font-weight:600;transition:background-color .2s}.empty-cta-button:hover{background-color:#6d28d9}.wishlist-content{background-color:#0000}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}input[type=checkbox]:checked{background-color:#7c3aed;border-color:#7c3aed}@media (max-width:768px){.wishlist-title{font-size:1.25rem}.wishlist-empty{margin:.5rem;padding:3rem 1rem}.empty-icon{font-size:3rem}.empty-message{font-size:1rem}.empty-cta-button{padding:.625rem 1.5rem;font-size:.875rem}}.wishlist-content li{transition:transform .2s,box-shadow .2s}.wishlist-content li:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.wishlist-content li:has(img){position:relative}.wishlist-content li img{transition:opacity .2s}.wishlist-content li:has(input[type=checkbox]:checked){background-color:#faf5ff;border-color:#7c3aed}button:disabled{cursor:not-allowed;opacity:.6}.wishlist-content .line-through{text-decoration:line-through}@media (max-width:1023px){.wishlist-header nav{box-shadow:0 2px 4px #0000001a}}.wishlist-content{scroll-behavior:smooth}button:focus,select:focus,input:focus{outline-offset:2px;outline:2px solid #7c3aed}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}