@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--primary-color:#181b42;--secondary-color:#313ab9;--tertiary-color:#ff2058;--font-default-color:#3e3e3e;--font-filled-color:#fff;--font-guide-color:#bdbdbd;--font-placeholder-color:#aaa;--font-warning-color:#f31d00}html{touch-action:pan-x pan-y}body{touch-action:pan-x pan-y;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-y:auto}body.device-mobile,body.mobile-view-active{height:auto!important;position:relative!important;overflow-y:visible!important}.component-wrapper.inline-mode{flex-shrink:0!important;display:block!important}.btn-primary{background-color:#3b82f6;border-color:#3b82f6}.btn-primary:hover{background-color:#2563eb;border-color:#2563eb}.header-actions button.primary{color:#fff;background-color:#3b82f6}.header-actions button.primary:hover{background-color:#2563eb;box-shadow:0 2px 4px #3b82f633}.app-header h1{color:#3b82f6;letter-spacing:-.5px;margin:0;font-size:1.5rem;font-weight:700}.nav-button.active{color:#fff;background-color:#3b82f6;box-shadow:0 2px 4px #3b82f633}*{box-sizing:border-box}.app-container{flex-direction:column;width:100%;height:100vh;display:flex}.app-header{background-color:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;box-shadow:0 1px 3px #0000000d}.header-logo,.header-actions{align-items:center;gap:10px;display:flex}.header-actions button{color:#475569;cursor:pointer;background-color:#f1f5f9;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px 14px;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.header-actions button:hover{background-color:#e2e8f0;box-shadow:0 2px 4px #0000000d}.header-actions button svg{margin-right:8px;font-size:16px}.app-main{isolation:isolate;height:calc(100vh - 60px);display:flex;position:relative;overflow:hidden}.component-library{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border-right:1px solid #e2e8f0;width:280px;padding:16px 12px;transition:all .3s;overflow-y:auto;box-shadow:0 2px 4px #00000005}.component-library h3{color:#334155;border-bottom:1px solid #f1f5f9;margin-top:0;margin-bottom:16px;padding-bottom:8px;font-size:.9rem;font-weight:600}.nav-buttons{box-sizing:border-box;background-color:#f0f2f5;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;width:100%;height:44px;margin-bottom:15px;padding:4px;display:flex;overflow:visible;box-shadow:0 2px 4px #0000000d}.nav-button{text-align:center;color:#64748b;cursor:pointer;white-space:nowrap;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:row;flex:1;justify-content:center;align-items:center;gap:6px;min-width:110px;height:36px;margin:0 2px;padding:8px 12px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex;position:relative;overflow:visible;box-shadow:0 1px 2px #0000000d}.nav-button:before{text-align:center;flex-shrink:0;width:16px;font-family:FontAwesome;font-size:.9rem;display:inline-block}.nav-button:hover{color:#334155;background-color:#e2e8f0;transform:translateY(-1px)}.nav-button.active{text-shadow:0 1px 1px #0003;background-color:#3b82f6;border-color:#3b82f6;font-weight:600;transform:none;box-shadow:0 2px 5px #3b82f64d;color:#fff!important}.nav-icon{font-style:normal;font-size:inherit;line-height:1}.components-list{flex-direction:column;gap:15px;display:flex}.components-category{margin-bottom:15px}.components-category-title{color:#64748b;margin-bottom:10px;padding-left:4px;font-size:.85rem;font-weight:600}.draggable-component{cursor:move;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;padding:2px;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d}.draggable-component:hover{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.component-icon{color:#64748b;background:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.component-label{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:500;line-height:1.3;overflow:hidden}.editor-canvas{isolation:isolate;contain:layout style;background-color:#f0f4f8;flex-direction:column;flex:1;align-items:center;padding:0;display:flex;position:relative;overflow-y:auto}.editor-canvas.drop-active{background-color:#e9f2fe;border:2px dashed #93c5fd}.property-panel{background-color:#fff;border-left:1px solid #e2e8f0;flex-direction:column;gap:16px;width:320px;padding:20px 15px;transition:all .3s;display:flex;overflow-y:auto}.property-panel h3{color:#334155;border-bottom:1px solid #f1f5f9;margin-top:0;margin-bottom:16px;padding-bottom:8px;font-size:.9rem;font-weight:600}.no-component-selected{text-align:center;color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;padding:40px;display:flex}.no-component-selected img{opacity:.6;width:100px;height:100px;margin-bottom:15px}.no-component-selected p{font-size:.9rem;line-height:1.5}.property-group{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;margin-bottom:16px;padding:5px}.property-group-title{color:#475569;cursor:pointer;align-items:center;margin-bottom:12px;font-size:.85rem;font-weight:600;display:flex;background:0 0!important}.property-group-title svg{margin-right:8px}.property-group label{color:#64748b;margin-bottom:6px;font-size:.8rem;font-weight:500;display:block}.property-group input,.property-group select,.property-group textarea{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;width:100%;padding:8px 10px;font-size:.85rem;transition:all .2s}.property-group input:focus,.property-group select:focus,.property-group textarea:focus{border-color:#93c5fd;outline:none;box-shadow:0 0 0 2px #3b82f61a}.property-field{margin-bottom:12px}.add-button,.remove-button{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:inline-flex}.add-button{color:#fff;background-color:#3b82f6}.add-button:hover{background-color:#2563eb}.remove-button{color:#fff;background-color:#ef4444}.remove-button:hover{background-color:#dc2626}.delete-button{color:#dc2626;cursor:pointer;background-color:#fee2e2;border:none;border-radius:6px;justify-content:center;align-items:center;margin-top:8px;padding:8px 12px;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.delete-button:hover{background-color:#fecaca}.placed-component{cursor:pointer;box-sizing:border-box;will-change:transform;outline:none;transition:all .3s;position:relative;transform:translateZ(0);box-shadow:0 0 #0000}.placed-component.selected{z-index:10;box-shadow:0 0 0 2px #3b82f6;border:3px dashed #00f!important}.resize-handle{cursor:nwse-resize;z-index:1000;background-color:#3b82f6;border-radius:50%;width:10px;height:10px;position:absolute}.btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:10px 16px;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background-color:#3b82f6}.btn-primary:hover{background-color:#2563eb}.btn-secondary{color:#475569;background-color:#f1f5f9}.btn-secondary:hover{background-color:#e2e8f0}.btn-danger{color:#dc2626;background-color:#fee2e2}.btn-danger:hover{background-color:#fecaca}.btn-icon{border-radius:6px;padding:8px}.btn-sm{padding:6px 12px;font-size:.75rem}.modal-content{background-color:#fff;border-radius:10px;width:100%;max-width:600px;padding:20px;box-shadow:0 4px 6px #0000001a,0 10px 15px -3px #0000001a}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h3{margin:0;font-size:1.2rem;font-weight:600}.modal-close{cursor:pointer;color:#64748b;background:0 0;border:none;font-size:1.5rem}.modal-close:hover{color:#475569}.modal-footer{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.project-manager{max-height:400px;margin-top:20px;overflow-y:auto}.project-list{gap:10px;display:grid}.project-item{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.project-item:hover{background-color:#f1f5f9}.project-item-name{font-weight:500}.project-item-actions{gap:8px;display:flex}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:1200px){.property-panel{width:280px}}@media (max-width:992px){.component-library{width:240px}}@media (max-width:768px){.app-main{flex-direction:column;height:auto}.component-library,.property-panel{border:none;width:100%}.editor-canvas{min-height:500px}}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.rounded{border-radius:8px}.panel-tabs{border-bottom:1px solid #e2e8f0;margin-bottom:16px;display:flex}.panel-tab{color:#64748b;cursor:pointer;padding:8px 14px;font-size:.85rem;font-weight:500;transition:all .2s;position:relative}.panel-tab:hover{color:#475569}.panel-tab.active{color:#3b82f6;font-weight:600}.panel-tab.active:after{content:"";border-radius:1px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.menu-management-tab{background-color:#fff;border-radius:8px;height:100%;overflow-y:auto;box-shadow:0 2px 8px #0000000d}.section-title{color:#1a202c;margin-bottom:6px;font-size:20px;font-weight:700}.section-description{color:#64748b;margin-bottom:16px;font-size:13px;line-height:1.4}.menu-section{margin-bottom:20px}.menu-section-header{margin-bottom:12px}.menu-type-title{color:#2d3748;margin-bottom:3px;font-size:16px;font-weight:600}.menu-type-description{color:#64748b;font-size:12px;line-height:1.3}.menu-section-divider{background:linear-gradient(90deg,#0000,#e2e8f0,#0000);border:none;height:1px;margin:20px 0}.menu-tree{margin-bottom:16px}.menu-header{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 14px;display:flex}.menu-header h3{color:#1a202c;margin:0;font-size:14px;font-weight:600}.menu-header button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:5px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;box-shadow:0 2px 4px #3b82f633}.menu-header button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.menu-item{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;margin:4px 0;padding:12px 16px;transition:all .2s;display:flex;position:relative;box-shadow:0 1px 3px #0000000d}.menu-item:hover{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.menu-item.selected{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.menu-name{color:#1a202c;text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:14px;font-weight:500;overflow:hidden}.menu-item.selected .menu-name{color:#1e40af;font-weight:600}.menu-path{display:none}.menu-actions{opacity:0;gap:6px;transition:all .2s;display:flex;transform:translate(8px)}.menu-item:hover .menu-actions{opacity:1;transform:translate(0)}.menu-action-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:4px;padding:6px 8px;font-size:12px;line-height:1;transition:all .2s;box-shadow:0 2px 4px #ef444433}.menu-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.menu-list{min-height:20px;position:relative}.menu-drop-indicator{background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:2px;height:3px;animation:1s infinite pulse;box-shadow:0 0 8px #3b82f699}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.menu-root-drop-area{background:linear-gradient(135deg,#fafbfc 0%,#f8fafc 100%);border:2px dashed #e2e8f0;border-radius:8px;min-height:80px;padding:12px;transition:all .3s;position:relative}.menu-root-drop-area:hover{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border-color:#cbd5e1}.drop-placeholder{text-align:center;color:#3b82f6;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:2px dashed #3b82f6;border-radius:6px;padding:16px 12px;font-size:13px;font-style:italic;font-weight:500;animation:2s infinite dropPulse}@keyframes dropPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.empty-menu-message{text-align:center;color:#94a3b8;padding:20px 12px;font-size:13px;font-style:italic;line-height:1.5}.menu-list .menu-item{position:relative}.menu-list .menu-item:before{content:"";background-color:#cbd5e1;width:12px;height:1px;position:absolute;top:50%;left:-20px;transform:translateY(-50%)}.menu-list .menu-item:after{content:"";background-color:#cbd5e1;width:1px;position:absolute;top:0;bottom:50%;left:-20px}.menu-list .menu-item:last-child:after{display:none}.menu-property-section{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:8px;margin-top:16px;padding:12px}.menu-property-title{color:#1a202c;margin-bottom:8px;font-size:15px;font-weight:600}.menu-property-panel{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:12px;box-shadow:0 1px 3px #00000005}.no-menu-selected{text-align:center;color:#94a3b8;padding:16px 8px;font-size:13px;font-style:italic}.property-title{color:#374151;margin-bottom:8px;font-size:13px;font-weight:600}.selected-menu-info{margin-bottom:12px}.selected-menu-info p{color:#4b5563;margin:4px 0;font-size:12px;line-height:1.3}.selected-menu-info strong{color:#1f2937;min-width:50px;font-weight:500;display:inline-block}.edit-instruction{text-align:center;color:#6b7280;background:#f9fafb;border:1px solid #f3f4f6;border-radius:4px;margin-top:8px;padding:6px 8px;font-size:11px;font-style:italic}.component-tree{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:10px}.component-tree-item{cursor:pointer;border-radius:4px;align-items:center;margin-bottom:2px;padding:6px 8px;display:flex}.component-tree-item:hover{background-color:#f1f5f9}.component-tree-item.selected{color:#3b82f6;background-color:#e9f2fe}.component-tree-icon{color:#64748b;background-color:#f1f5f9;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;margin-right:8px;display:flex}.component-tree-name{flex-grow:1;font-size:.85rem}.import-button{position:relative;overflow:hidden}.import-button input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.load-button{position:relative;overflow:hidden}.load-button input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.padding-controls{grid-template-rows:repeat(2,auto);grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:12px;display:grid}.padding-control{flex-direction:column;display:flex}.padding-control label{color:#64748b;margin-bottom:4px;font-size:.75rem}.input-with-unit{align-items:center;display:flex;position:relative}.input-with-unit input{padding-right:30px}.input-with-unit .unit{color:#94a3b8;font-size:.75rem;position:absolute;right:10px}.draggable-component{-webkit-user-select:none;user-select:none}.property-panel input[type=number]{-moz-appearance:textfield}.property-panel input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.property-panel input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.property-panel textarea{resize:vertical;min-height:80px}.editor-canvas-header{text-align:center;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;justify-content:center;align-items:center;width:100%;padding:12px 0;display:flex}.view-mode-selector{background-color:#edf2f7;border-radius:8px;gap:8px;padding:4px;display:inline-flex;box-shadow:0 1px 3px #0000001a}.view-mode-button{cursor:pointer;color:#64748b;background-color:#0000;border:none;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.view-mode-button:hover{color:#334155;background-color:#e2e8f0}.view-mode-button.active{color:#4361ee;background-color:#fff;box-shadow:0 1px 3px #0000001a}.component-library-header{border-bottom:1px solid #f1f5f9;flex-direction:column;margin-bottom:12px;padding-bottom:12px;display:flex}.component-library-header h3{color:#1e293b;align-items:center;gap:8px;margin-bottom:12px;font-size:16px;font-weight:700;display:flex}.component-library-header h3:before{content:"🧩";font-size:18px}.component-library-content{flex-grow:1;padding-right:4px;overflow-y:auto}.component-library-content::-webkit-scrollbar{width:6px}.component-library-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.component-library-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.component-library-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.component-search input{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 12px;font-size:13px;transition:all .2s;box-shadow:0 1px 3px #0000000d}.component-search input:focus{background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.component-search input::placeholder{color:#94a3b8;font-style:italic}.header-nav{flex:1;justify-content:center;display:flex;position:relative}.navigation-menu{align-items:center;display:flex}.nav-menu-list{gap:8px;margin:0;padding:0;list-style:none;display:flex}.nav-menu-item{position:relative}.nav-menu-link{color:#4a5568;border-radius:4px;padding:8px 16px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}.nav-menu-link:hover{color:#3b82f6;background-color:#f1f5f9}.sub-nav-menu-list{z-index:100;opacity:0;visibility:hidden;background-color:#fff;border-radius:4px;width:200px;padding:8px;list-style:none;transition:all .3s;position:absolute;top:100%;left:0;transform:translateY(10px);box-shadow:0 4px 6px #0000001a}.nav-menu-item:hover>.sub-nav-menu-list{opacity:1;visibility:visible;transform:translateY(0)}.sub-nav-menu-item{position:relative}.sub-nav-menu-link{color:#4a5568;border-radius:4px;padding:8px 16px;font-size:.85rem;text-decoration:none;transition:all .2s;display:block}.sub-nav-menu-link:hover{color:#3b82f6;background-color:#f1f5f9}.sub-nav-menu-item>.sub-nav-menu-list{top:0;left:100%}.editor-toolbar{justify-content:space-between;align-items:center;width:100%;padding:0 16px;display:flex}.current-path{align-items:center;gap:8px;font-size:.85rem;display:flex}.path-label{color:#64748b}.path-value{color:#3b82f6;background-color:#eff6ff;border-radius:4px;padding:4px 8px;font-weight:500}.empty-menu-content{text-align:center;color:#94a3b8;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:40px;display:flex}.empty-menu-content p{margin:4px 0}.empty-menu-content p:first-child{font-weight:500}.device-mobile .empty-menu-content{height:744px!important;min-height:744px!important}.device-tablet .empty-menu-content{height:1130px!important;min-height:1130px!important}.menu-drop-indicator{z-index:10;pointer-events:none;background-color:#4361ee;height:2px;transition:all .15s;position:absolute;left:0;right:0}.menu-item{cursor:pointer;border-radius:4px;align-items:center;margin-bottom:4px;padding:8px 10px;transition:all .2s;display:flex;position:relative}.menu-item:hover{background-color:#f1f5f9}.menu-item.drop-before:before{content:"";z-index:2;background-color:#4361ee;height:2px;position:absolute;top:-2px;left:0;right:0;transform:translateY(-50%)}.menu-item.drop-after:after{content:"";z-index:2;background-color:#4361ee;height:2px;position:absolute;bottom:-2px;left:0;right:0;transform:translateY(50%)}.menu-item.drop-child{background-color:#4361ee1a;box-shadow:inset 0 0 0 2px #4361ee80}.loading-error{color:#721c24;text-align:center;background-color:#f8d7da;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:20px;display:flex}.loading-error h3{margin-bottom:15px;font-size:24px}.loading-error button{color:#fff;cursor:pointer;background-color:#dc3545;border:none;border-radius:4px;margin-top:20px;padding:8px 16px;font-weight:700}.loading-error button:hover{background-color:#c82333}.component-error{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;margin:10px 0;padding:10px}.error-component{color:#721c24;text-align:center;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;margin:10px;padding:15px;font-weight:700}.unknown-component-type{color:#9a3412;background-color:#fff7ed;border:1px solid #fed7aa;border-radius:4px;margin:10px 0;padding:15px}.unknown-component-type p{margin:0 0 10px;font-weight:600}.unknown-component-type pre{background-color:#fff;border-radius:4px;max-height:200px;padding:10px;font-size:12px;overflow-x:auto}.preview-container{flex-direction:column;min-height:100vh;display:flex;overflow:visible!important}body:has(#header.sticky.top-0.bg-white){overflow:visible!important}body:has(#header.sticky.top-0.bg-white) .preview-container{overflow:visible!important}body:has(#header.sticky.top-0.bg-white) .preview-content{overflow:visible!important}.preview-content{background-color:#fff;flex:1;overflow:visible!important}.component-wrapper.preview-mode{box-sizing:border-box;clear:both;width:100%;position:relative;flex:none!important;height:auto!important;min-height:auto!important;overflow:visible!important}.component-wrapper.preview-mode .component-content{height:auto!important;min-height:0!important}.component-wrapper.preview-mode.mobile-view{clear:both;width:100%;position:relative;flex:none!important;height:auto!important;min-height:auto!important;overflow:visible!important}.component-wrapper.preview-mode.component-type-main_banner{width:100%;position:relative;flex:none!important;height:auto!important;min-height:auto!important}.preview-content>.section-container{clear:both;width:100%;position:relative;flex:none!important}.preview-content{flex-direction:column!important;align-items:stretch!important;gap:0!important;display:flex!important}.preview-mode .poj2-main-slider{height:auto!important}.preview-mode .poj2-main-slider .swiper{height:auto}.preview-mode .poj2-main-slider-controller{position:relative;visibility:visible!important;display:flex!important}@media (max-width:990px){.preview-mode .component-wrapper.component-type-mainbanner{display:block;height:auto!important;min-height:auto!important}.preview-mode .component-wrapper.component-type-mainbanner .component-content,.preview-mode .component-wrapper.component-type-mainbanner .external-skin-wrapper{display:block}.preview-mode .component-wrapper.component-type-section{clear:both;position:relative}}.preview-content>*{clear:both;position:relative;flex-shrink:0!important}.banner-edit-modal{z-index:9999999!important;pointer-events:auto!important;background-color:#00000080!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;display:flex!important;position:fixed!important;inset:0!important}.banner-edit-modal .modal-content{z-index:9999999!important;pointer-events:auto!important;background-color:#fff!important;border-radius:8px!important;width:90%!important;max-width:600px!important;max-height:90vh!important;padding:20px!important;position:relative!important;overflow-y:auto!important}.preview-footer{text-align:center;color:#94a3b8;background-color:#fff;border-top:1px solid #f1f5f9;margin-top:auto;padding:15px 0;font-size:12px}.component-content{width:100%;height:100%;overflow:visible!important}.preview-page{background-color:#fff;width:100%;min-height:100vh}.preview-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:20px;display:flex}.preview-error h3{color:#dc3545;margin-bottom:20px}.preview-error button{color:#fff;cursor:pointer;background-color:#6c757d;border:none;border-radius:4px;padding:8px 16px}.preview-error button:hover{background-color:#5a6268}.preview-loading{color:#666;justify-content:center;align-items:center;height:100vh;font-size:18px;display:flex}.preview-empty{text-align:center;color:#666;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:20px;display:flex}.preview-empty p{margin:5px 0}.password-modal-overlay{z-index:1000;background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.password-modal{background-color:#fff;border-radius:8px;width:400px;max-width:90%;padding:30px;box-shadow:0 8px 20px #0003}.password-modal h2{color:#333;margin-top:0;margin-bottom:10px;font-size:1.5rem}.password-modal p{color:#666;margin-bottom:20px}.password-input-container{gap:10px;margin-bottom:10px;display:flex}.password-input-container input{border:1px solid #ddd;border-radius:4px;flex:1;padding:10px;font-size:1rem}.password-input-container input.error{border-color:#f44336}.password-input-container button{color:#fff;cursor:pointer;background-color:#4361ee;border:none;border-radius:4px;padding:10px 20px;font-size:1rem;font-weight:500}.password-input-container button:hover{background-color:#3050e0}.password-modal .error-message{color:#f44336;margin:10px 0 0;font-size:.875rem}.loading-overlay{z-index:9999;background-color:#ffffffe6;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.loading-spinner{border:5px solid #f3f3f3;border-top-color:#4361ee;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-overlay p{color:#333;margin:0;font-size:16px}.gi-single-product{padding:40px 0}.single-pro-block{margin-bottom:30px}.single-pro-inner{border:1px solid #e9e9e9;border-radius:5px;padding:20px}.single-pro-img{margin-bottom:30px;position:relative}.single-product-scroll{position:relative}.single-product-cover{margin-bottom:10px}.single-product-cover .single-slide img{cursor:pointer;border-radius:5px;width:100%;height:auto}.single-nav-thumb{margin:0 -5px}.single-nav-thumb .single-slide{cursor:pointer;padding:0 5px}.single-nav-thumb .single-slide img{border:1px solid #e9e9e9;border-radius:5px;width:100%;height:auto;transition:all .3s}.single-nav-thumb .single-slide img:hover{border-color:#007bff}.single-pro-desc{padding-left:20px}.gi-single-title{color:#333;margin-bottom:15px;font-size:24px;font-weight:600}.gi-single-rating-wrap{align-items:center;margin-bottom:15px;display:flex}.gi-single-rating{display:flex}.gi-single-rating i{color:#ffc107;margin-right:2px}.gi-single-rating i.gi-star-o{color:#ccc}.gi-read-review{margin-left:10px;font-size:14px}.gi-read-review a{color:#007bff;text-decoration:none}.gi-single-price-stoke{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.gi-single-price{flex-direction:column;display:flex}.gi-single-price .final-price{color:#222;font-size:20px;font-weight:700}.price-des{color:#28a745;margin-left:8px;font-size:14px;display:inline-block}.mrp{color:#666;margin-top:5px;font-size:14px}.mrp span{text-decoration:line-through}.gi-single-stoke{text-align:right}.gi-single-sku{color:#666;margin-bottom:5px;font-size:14px;display:block}.gi-single-ps-title{color:#28a745;font-weight:700;display:block}.gi-single-desc{color:#666;margin-bottom:20px;line-height:1.6}.gi-single-list{margin-bottom:20px}.gi-single-list ul{margin:0;padding:0;list-style:none}.gi-single-list ul li{color:#666;margin-bottom:8px}.gi-single-list ul li strong{color:#333;margin-right:5px}.gi-pro-variation{margin-bottom:20px}.gi-pro-variation-inner{margin-bottom:15px}.gi-pro-variation-inner span{color:#333;margin-bottom:10px;font-weight:600;display:block}.gi-pro-variation-content ul{flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.gi-pro-variation-content ul li{cursor:pointer;margin-bottom:10px;margin-right:10px}.gi-pro-variation-content ul li span{border:1px solid #e9e9e9;border-radius:3px;padding:5px 15px;font-size:14px;font-weight:400;transition:all .3s;display:block}.gi-pro-variation-content ul li.active span,.gi-pro-variation-content ul li:hover span{color:#fff;background-color:#007bff;border-color:#007bff}.gi-single-qty{flex-wrap:wrap;align-items:center;display:flex}.qty-plus-minus{flex-shrink:0;width:auto}.quantity-selector{border:1px solid #e9e9e9;border-radius:3px;align-items:center;width:120px;height:40px;display:flex;overflow:hidden}.quantity-selector .qty-down,.quantity-selector .qty-up{cursor:pointer;background-color:#f8f9fa;border:none;width:40px;height:100%;font-size:16px;transition:all .3s}.quantity-selector .qty-down:hover,.quantity-selector .qty-up:hover{background-color:#e9ecef}.quantity-selector .qty-input{text-align:center;border:none;width:40px;height:100%;padding:0;font-size:14px;font-weight:600}.gi-single-cart{margin-bottom:15px;margin-right:15px}.gi-btn-1{padding:10px 20px;font-weight:600;transition:all .3s}.gi-single-wishlist,.gi-single-quickview{margin-bottom:15px;margin-right:15px}.gi-btn-group{color:#666;border:1px solid #e9e9e9;border-radius:3px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.gi-btn-group:hover{color:#fff;background-color:#007bff;border-color:#007bff}.single-add-more{margin:30px 0}.add-more-item{border:1px solid #e9e9e9;border-radius:5px;margin-bottom:20px;padding:15px;transition:all .3s;position:relative}.add-more-item:hover{box-shadow:0 5px 15px #0000001a}.gi-btn-2{color:#fff;z-index:1;background-color:#007bff;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:16px;text-decoration:none;display:flex;position:absolute;top:10px;right:10px}.add-more-img{margin-bottom:10px}.add-more-img img{border-radius:5px;width:100%;height:auto}.add-more-info h5{color:#333;margin-bottom:5px;font-size:14px;font-weight:600}.gi-pro-rating{margin-bottom:5px;display:flex}.gi-pro-rating i{color:#ffc107;margin-right:2px;font-size:12px}.gi-price{align-items:center;display:flex}.new-price{color:#333;margin-right:8px;font-weight:600}.old-price{color:#999;font-size:12px;text-decoration:line-through}.gi-pro-tab{margin-bottom:30px}.gi-pro-tab-nav{border-bottom:1px solid #e9e9e9;margin-bottom:20px}.gi-pro-tab-nav .nav-item{margin-right:5px}.gi-pro-tab-nav .nav-link{color:#666;background-color:#f8f9fa;border:1px solid #0000;border-bottom:0;border-radius:5px 5px 0 0;padding:10px 20px;font-weight:600}.gi-pro-tab-nav .nav-link.active{color:#333;background-color:#fff;border-color:#e9e9e9 #e9e9e9 #fff;position:relative;top:1px}.gi-pro-tab-content{border:1px solid #e9e9e9;border-top:0;border-radius:0 0 5px 5px;padding:20px}.gi-description-block p{color:#666;margin-bottom:15px;line-height:1.6}.gi-reviews-title{color:#333;margin-bottom:20px;font-size:18px;font-weight:600}.gi-review{border-bottom:1px solid #e9e9e9;margin-bottom:20px;padding-bottom:20px;display:flex}.gi-review-image{width:50px;margin-right:15px}.gi-review-image img{border-radius:50%;width:100%;height:auto}.gi-review-content{flex:1}.gi-review-top{align-items:center;margin-bottom:10px;display:flex}.gi-review-name{color:#333;margin-right:15px;font-weight:600}.gi-rating-star{margin-right:15px;display:flex}.gi-review-date{color:#999;font-size:12px}.gi-review-bottom p{color:#666;margin:0}.gi-review-form{margin-top:30px}.gi-review-form h4{color:#333;margin-bottom:20px;font-size:18px;font-weight:600}.gi-form-group{margin-bottom:20px}.gi-form-group label{color:#333;margin-bottom:8px;font-weight:600;display:block}.rating-selection{margin-bottom:10px}.gi-specification-box h3{color:#333;margin-bottom:20px;font-size:18px;font-weight:600}.gi-specification-table{border-collapse:collapse;width:100%}.gi-specification-table td{border:1px solid #e9e9e9;padding:10px 15px}.gi-specification-table td:first-child{background-color:#f8f9fa;width:30%;font-weight:600}.gi-sidebar-wrapper{border:1px solid #e9e9e9;border-radius:5px;overflow:hidden}.gi-sidebar-block{border-bottom:1px solid #e9e9e9;margin-bottom:0;padding:20px}.gi-sidebar-block:last-child{border-bottom:0}.gi-sidebar-title{margin-bottom:15px}.gi-sidebar-title h3{color:#333;margin:0;font-size:18px;font-weight:600}.gi-category-list{margin:0;padding:0;list-style:none}.gi-category-list li{margin-bottom:10px}.gi-category-list li:last-child{margin-bottom:0}.gi-category-list li a{color:#666;text-decoration:none;transition:all .3s}.gi-category-list li a:hover{color:#007bff}.gi-popular-product{margin:0;padding:0;list-style:none}.gi-popular-product li{border-bottom:1px solid #e9e9e9;margin-bottom:15px;padding-bottom:15px;display:flex}.gi-popular-product li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.gi-pro-image{margin-right:15px}.gi-pro-image img{border-radius:5px;width:100%;height:auto}.gi-pro-content{flex:1}.gi-pro-content h5{color:#333;margin-bottom:5px;font-size:14px;font-weight:600}@media (max-width:991px){.m-t-991{margin-top:30px}.single-pro-desc{padding-left:0}}@media (max-width:767px){.gi-single-qty{flex-direction:column;align-items:flex-start}.gi-single-title{font-size:20px}.gi-single-price-stoke{flex-direction:column;align-items:flex-start}.gi-single-stoke{text-align:left;margin-top:10px}}.gicon{width:1em;height:1em;font-style:normal;display:inline-block}.gicon.gi-star:before{content:"★"}.gicon.gi-star-o:before{content:"☆"}.fi-rr-heart:before{content:"♥"}.fi-rr-eye:before{content:"👁"}.admin-check-section{text-align:center;border-top:1px solid #eee;margin-top:20px;padding-top:15px}.admin-check-section p{color:#666;margin-bottom:10px;font-size:14px}.check-admin-button{color:#333;cursor:pointer;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;padding:8px 16px;font-size:14px;transition:all .2s}.check-admin-button:hover{background-color:#e0e0e0}.error-message{color:#e53935;margin-top:10px;font-size:14px}.state-stop-container{background-color:#f8f9fa;justify-content:center;align-items:center;height:100vh;display:flex}.state-stop-content{text-align:center;background:#fff;border-radius:8px;width:90%;max-width:500px;padding:2rem;box-shadow:0 4px 12px #0000001a}.state-stop-content h1{color:#e74c3c;margin-bottom:1rem}.state-stop-content p{color:#333;margin-bottom:2rem;line-height:1.6}.go-home-button{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;transition:background-color .3s}.go-home-button:hover{background-color:#2980b9}.cart-component-wrapper{background-color:#f9f9f9;padding:40px 0}.cart-page-title{border-bottom:1px solid #e1e1e1;margin-bottom:30px;padding-bottom:15px;font-size:24px;font-weight:600}.cart-items-list{background-color:#fff;border-radius:8px;margin-bottom:20px;overflow:hidden;box-shadow:0 2px 6px #0000000d}.cart-item{border-bottom:1px solid #eee;padding:0}.cart-item:last-child{border-bottom:none}.cart-item-inner{gap:15px;padding:20px;display:flex}.cart-item-image{border-radius:4px;flex-shrink:0;width:100px;height:100px;overflow:hidden}.cart-item-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.no-image{color:#999;background-color:#f5f5f5;border-radius:4px;justify-content:center;align-items:center;width:100px;height:100px;font-size:12px;display:flex}.cart-item-details{flex:1;min-width:0}.cart-item-title{margin-bottom:8px}.cart-item-title a{color:#333;margin-bottom:4px;font-size:16px;font-weight:500;text-decoration:none;display:block}.cart-item-variant{color:#888;font-size:14px}.cart-item-price{color:#333;font-size:15px}.cart-item-quantity{flex-shrink:0;width:100px}.cart-quantity-control{border:1px solid #ddd;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:2px;display:flex}.cart-quantity-control button{cursor:pointer;background:#f5f5f5;border:none;border-radius:2px;width:28px;height:28px;font-size:16px}.cart-quantity-control button:disabled{opacity:.5;cursor:not-allowed}.cart-quantity-control span{text-align:center;min-width:30px;font-size:15px}.cart-item-total{text-align:right;color:#333;flex-shrink:0;width:120px;font-size:16px;font-weight:600}.cart-item-remove{flex-shrink:0;width:40px}.cart-item-remove button{color:#888;cursor:pointer;background:0 0;border:none;padding:5px;font-size:16px}.cart-item-remove button:hover{color:red}.cart-summary{background-color:#fff;border-radius:8px;position:sticky;top:20px;box-shadow:0 2px 6px #0000000d}.cart-summary-inner{padding:25px}.summary-title{border-bottom:1px solid #e1e1e1;margin-bottom:20px;padding-bottom:15px}.summary-title h3{margin:0;font-size:20px;font-weight:600}.summary-item{justify-content:space-between;margin-bottom:15px;display:flex}.item-label{color:#666;font-size:15px}.item-value{font-size:15px;font-weight:500}.summary-total{border-top:1px solid #e1e1e1;justify-content:space-between;margin-top:20px;margin-bottom:25px;padding-top:15px;display:flex}.total-label{font-size:17px;font-weight:600}.total-value{color:#f50057;font-size:22px;font-weight:700}.summary-action{margin-top:15px}.checkout-button{color:#fff;text-align:center;cursor:pointer;background-color:#000;border:none;border-radius:4px;width:100%;padding:15px;font-size:16px;font-weight:600;text-decoration:none;display:block}.checkout-button:hover{background-color:#333}.cart-empty{text-align:center;background-color:#fff;border-radius:8px;padding:60px 20px;box-shadow:0 2px 6px #0000000d}.cart-empty h2{margin-bottom:20px}.cart-empty p{color:#666;margin-bottom:30px}.continue-shopping-button{color:#fff;background-color:#000;border-radius:4px;padding:12px 24px;font-weight:500;text-decoration:none;display:inline-block}.cart-loading,.cart-error,.cart-login-required{text-align:center;background-color:#fff;border-radius:8px;padding:60px 20px;box-shadow:0 2px 6px #0000000d}.retry-button,.login-button{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:4px;margin-top:20px;padding:12px 24px;font-weight:500;text-decoration:none;display:inline-block}@media (max-width:991px){.cart-summary{margin-top:30px}}@media (max-width:767px){.cart-item-inner{flex-wrap:wrap;gap:10px}.cart-item-image{width:80px;height:80px}.cart-item-details{width:calc(100% - 100px)}.cart-item-quantity{width:auto}.cart-item-total{text-align:right;flex-grow:1;width:auto}}.property-field.login-options{border-top:1px solid #eee;margin-top:20px;padding-top:15px}.checkbox-label{color:#555;margin-bottom:10px;font-size:14px;font-weight:600;display:block}.checkbox-item{cursor:pointer;align-items:center;display:flex}.checkbox-item input[type=checkbox]{cursor:pointer;width:16px;height:16px;margin-right:8px}.checkbox-item label{cursor:pointer;margin-bottom:0;font-size:13px;font-weight:400}.login-info{color:#6c757d;margin-top:8px;font-size:12px;font-style:italic}.components-grid{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.component-category{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:10px;margin-bottom:20px;padding:16px;position:relative;overflow:hidden;box-shadow:0 2px 4px #00000005}.component-category:before{content:"";background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);width:4px;height:100%;position:absolute;top:0;left:0}.component-category h4{color:#1e293b;word-break:keep-all;border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;margin-top:0;margin-bottom:12px;padding-bottom:8px;font-size:14px;font-weight:600;display:flex}.component-category h4:before{content:"";background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-radius:50%;flex-shrink:0;width:8px;height:8px}.component-category:nth-child(2):before,.component-category:nth-child(2) h4:before{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.component-category:nth-child(3):before,.component-category:nth-child(3) h4:before{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.component-category:nth-child(4):before,.component-category:nth-child(4) h4:before{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.component-category:nth-child(5):before,.component-category:nth-child(5) h4:before{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.component-category:nth-child(6):before,.component-category:nth-child(6) h4:before{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.component-category:nth-child(7):before,.component-category:nth-child(7) h4:before{background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%)}body.device-mobile,.device-mobile{--viewport-width:375px}body.device-tablet,.device-tablet{--viewport-width:768px}body.device-pc,.device-pc{--viewport-width:1200px}.device-pc .responsive-header .nav-menu{visibility:visible;display:flex}.device-pc .responsive-header .mobile-menu-button,.device-pc .responsive-header .mobile-menu,.device-pc .offcanvas-mobile-menu{display:none!important}.device-tablet .responsive-header .nav-menu{gap:10px;font-size:14px}.device-tablet .responsive-header .header-top{display:none}.device-mobile .responsive-header .nav-menu{display:none!important}.device-mobile .responsive-header .mobile-menu-button{color:#333;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex!important}.device-mobile .responsive-header .header-top{display:none}.device-mobile .sticky-bar .col-lg-8{display:none!important}.device-mobile .sticky-bar .mobile-aside-button{display:block!important}.device-mobile .header-area .sticky-bar{justify-content:space-between;display:flex}.device-mobile .header-area .col-xl-2,.device-mobile .header-area .col-lg-2,.device-mobile .header-area .col-xl-8,.device-mobile .header-area .col-lg-8{width:auto}.device-mobile .header-area .col-xl-8,.device-mobile .header-area .col-lg-8{display:none}.device-mobile .header-area .col-xl-2.col-lg-2.col-md-6.col-8{flex:none;justify-content:flex-end;width:auto;max-width:none;display:flex}.device-mobile .mobile-menu-button,.device-mobile button.mobile-aside-button,.device-mobile .mobile-off-canvas .mobile-aside-button{display:block!important}.device-mobile .d-none.d-lg-block{display:none!important}.device-mobile .d-block.d-lg-none{display:block!important}.offcanvas-mobile-menu{z-index:9999;background-color:#fff;width:320px;height:100vh;padding:50px 0 30px;transition:all .4s ease-out;position:fixed;top:0;right:-350px;overflow-y:auto;box-shadow:0 0 15px #0000001a}.offcanvas-mobile-menu.active{visibility:visible;opacity:1;right:0}.offcanvas-navigation{width:100%;padding:0 20px}.offcanvas-navigation>ul{margin-bottom:0;padding-left:0}.offcanvas-navigation ul li{border-bottom:1px solid #f2f2f2;position:relative}.offcanvas-navigation ul li:last-child{border-bottom:0}.offcanvas-navigation ul li a:hover{color:#a749ff}.offcanvas-navigation ul.sub-menu{width:100%;margin-bottom:10px;margin-left:15px;padding-left:0;display:none}.offcanvas-navigation ul li{width:100%;display:block;position:relative}.offcanvas-navigation ul li span.toggle-btn{text-align:center;cursor:pointer;z-index:10;background:#f7f7f7;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;line-height:28px;transition:none;display:inline-flex;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.offcanvas-navigation ul li span.toggle-btn span{text-align:center;justify-content:center;align-items:center;width:20px;height:20px;font-family:Arial,sans-serif;font-size:20px;line-height:1;display:inline-flex}.offcanvas-navigation ul.sub-menu.active{display:block}.offcanvas-navigation ul li{width:100%;min-height:44px;display:block;position:relative}.offcanvas-navigation ul li a{color:#333;text-transform:capitalize;word-break:break-word;white-space:normal;width:100%;padding:13px 40px 13px 0;font-size:15px;font-weight:500;line-height:1.5;display:block;position:relative}.offcanvas-navigation>ul{width:100%;margin:0;padding:0}.offcanvas-menu-close{color:#333;cursor:pointer;z-index:10;background:#f5f5f5;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.offcanvas-menu-close:hover{color:#fff;background:#333;transform:rotate(90deg)}.offcanvas-wrapper{padding:70px 30px 30px}.mobile-navigation{margin-bottom:30px}.mobile-navigation ul{margin:0;padding:0;list-style:none}.mobile-navigation ul li{border-bottom:1px solid #f0f0f0;padding:12px 0;position:relative}.mobile-navigation ul li a{color:#333;padding:5px 0;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s;display:block}.mobile-navigation ul li a:hover{color:#007bff;padding-left:5px}.mobile-navigation ul li .sub-menu{max-height:0;padding-left:15px;transition:max-height .5s;overflow:hidden}.mobile-navigation ul li.active .sub-menu{max-height:500px;margin-top:10px}.mobile-navigation ul li.has-submenu>a:after{content:"";font-family:"Font Awesome 5 Free",sans-serif;font-weight:900;transition:all .3s;position:absolute;top:50%;right:0;transform:translateY(-50%)}.mobile-navigation ul li.has-submenu.active>a:after{transform:translateY(-50%)rotate(180deg)}.mobile-menu-button{color:#333;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:10px;font-size:24px;transition:all .3s;display:none}.mobile-menu-button:hover{background:#0000000d}.device-mobile .mobile-menu-button{display:block!important}.responsive-footer{background-color:#f8f9fa;border-top:1px solid #eee;padding:40px 20px}.device-pc .responsive-footer{grid-template-columns:repeat(4,1fr);gap:30px;display:grid}.device-tablet .responsive-footer{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.device-mobile .responsive-footer{flex-direction:column;gap:20px;display:flex}.responsive-grid{gap:30px;display:grid}.device-pc .responsive-grid{grid-template-columns:repeat(4,1fr)}.device-tablet .responsive-grid{grid-template-columns:repeat(2,1fr);gap:20px}.device-mobile .responsive-grid{grid-template-columns:1fr;gap:15px}.device-pc .responsive-title{font-size:32px}.device-tablet .responsive-title{font-size:28px}.device-mobile .responsive-title{font-size:24px}.device-pc .responsive-text{font-size:16px}.device-tablet .responsive-text{font-size:15px}.device-mobile .responsive-text{font-size:14px}.device-pc .responsive-container{padding:40px}.device-tablet .responsive-container{padding:30px 20px}.device-mobile .responsive-container{padding:20px 15px}.device-pc .responsive-button{padding:12px 24px;font-size:16px}.device-tablet .responsive-button{padding:10px 20px;font-size:15px}.device-mobile .responsive-button{width:100%;padding:8px 16px;font-size:14px}.device-mobile .responsive-table{width:100%;display:block;overflow-x:auto}.hamburger-menu{cursor:pointer;z-index:100;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:30px;height:24px;padding:0;transition:all .3s;display:none;position:relative}.hamburger-menu span{background-color:#333;border-radius:4px;width:100%;height:3px;transition:all .4s cubic-bezier(.68,-.6,.32,1.6);box-shadow:0 1px 2px #0000001a}.hamburger-menu span:first-child{align-self:flex-end;width:50%}.hamburger-menu span:nth-child(3){align-self:flex-end;width:75%}.hamburger-menu:hover span:first-child,.hamburger-menu:hover span:nth-child(3){width:100%}.hamburger-menu.active span:first-child{width:100%;transform:rotate(45deg)translate(5px,7px)}.hamburger-menu.active span:nth-child(2){opacity:0;transform:translate(-20px)}.hamburger-menu.active span:nth-child(3){width:100%;transform:rotate(-45deg)translate(5px,-7px)}.device-mobile .hamburger-menu{display:flex}.device-pc .responsive-column,.device-tablet .responsive-column,.device-mobile .responsive-column{transition:all .3s}.device-tablet .responsive-column{flex:0 0 50%!important;max-width:50%!important}.device-tablet .responsive-layout{flex-wrap:wrap!important}.device-mobile .responsive-column{flex:0 0 100%!important;max-width:100%!important}.device-mobile .responsive-layout{flex-direction:column!important}.mobile-view-active{-moz-text-size-adjust:100%;text-size-adjust:100%;overflow:hidden visible;width:100%!important}.mobile-view-active .header-area{width:100%;max-width:100%;overflow-x:hidden}.mobile-view-active *{word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box;max-width:100%}.mobile-view-active img{max-width:100%;height:auto}.mobile-view-active .mobile-aside-button{display:block!important}.mobile-view-active .flone-navigation.desktop-menu{display:none!important}.mobile-view-active #offcanvas-mobile-menu{overflow-y:auto}.mobile-view-active #offcanvas-mobile-menu.active{opacity:1;visibility:visible;right:0}.device-mobile{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}.device-mobile p,.device-mobile h1,.device-mobile h2,.device-mobile h3,.device-mobile h4,.device-mobile h5,.device-mobile h6,.device-mobile span,.device-mobile a{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.device-mobile .text-container{box-sizing:border-box;width:100%;padding-left:8px;padding-right:8px}.device-mobile .layout-container{will-change:transform;overflow-x:hidden;transform:translateZ(0);max-width:100%!important}.device-mobile .layout-main-content{width:100%!important;max-width:100%!important;padding-left:8px!important;padding-right:8px!important}.device-mobile .component-renderer{width:100%;max-width:100%;overflow-x:hidden}.device-mobile .placed-component{box-sizing:border-box;max-width:100%}@media screen and (max-width:430px){.device-mobile{font-size:14px}.device-mobile h1{font-size:24px;line-height:1.3}.device-mobile h2{font-size:20px;line-height:1.3}.device-mobile h3{font-size:18px;line-height:1.3}.device-mobile p{line-height:1.5}.device-mobile .btn{padding:8px 14px;font-size:14px}}.mobile-header .header-right{justify-content:flex-end;align-items:center;display:flex}.mobile-header .logo{max-width:70%;height:auto}.mobile-header .header-area{padding-left:10px!important;padding-right:10px!important}.mobile-header .container,.mobile-header .container-fluid{width:100%!important;padding-left:15px!important;padding-right:15px!important}.mobile-header .row{align-items:center;display:flex;margin-left:-10px!important;margin-right:-10px!important}.mobile-header [class^=col-]{padding-left:10px!important;padding-right:10px!important}.device-mobile .footer-area{text-align:center;overflow-x:hidden}.device-mobile .footer-area .row{margin-left:-10px!important;margin-right:-10px!important}.device-mobile .footer-area [class^=col-]{width:100%;margin-bottom:20px;padding-left:10px!important;padding-right:10px!important}.editor-canvas.device-mobile{min-height:900px!important;padding-bottom:50px!important;overflow:hidden auto!important}.editor-canvas.device-tablet{min-height:1230px!important;padding-bottom:50px!important;overflow:hidden auto!important}.editor-canvas.device-mobile .layout-container,.editor-canvas.device-tablet .layout-container{height:auto!important;overflow:hidden!important}.editor-canvas.device-mobile .layout-container{min-height:844px!important;max-height:844px!important}.editor-canvas.device-tablet .layout-container{min-height:1180px!important;max-height:1180px!important}.editor-canvas.device-mobile .layout-main-content,.editor-canvas.device-tablet .layout-main-content{height:764px!important;overflow:hidden auto!important}.editor-canvas.device-tablet .layout-main-content{height:1148px!important}.device-mobile .responsive-button{box-sizing:border-box!important;white-space:normal!important;text-align:center!important;width:100%!important;max-width:100%!important}.device-mobile .responsive-container{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding:10px!important}.device-mobile .responsive-column{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding:5px!important}.device-mobile .responsive-layout{box-sizing:border-box!important;flex-direction:column!important;width:100%!important;max-width:100%!important}.editor-canvas.device-mobile{overflow:visible!important}.device-mobile .main-banner-component{width:100%!important;max-width:100%!important;overflow:hidden!important}.device-mobile .main-banner-component img{-o-object-fit:cover!important;object-fit:cover!important;width:100%!important;height:auto!important}.device-mobile .main-banner-component .slick-slider{width:100%!important;margin:0 auto!important}.device-mobile .main-banner-component .slick-slide{width:100%!important;transform:none!important}.device-mobile .main-banner-component .slick-dots{bottom:5px!important}.device-mobile .product-list-component{width:100%!important;max-width:100%!important;overflow:visible!important}.device-mobile .product-list-component .product-grid{grid-template-columns:1fr!important;gap:10px!important;width:100%!important;display:grid!important}.device-mobile .product-list-component .product-item{box-sizing:border-box!important;width:100%!important;margin:0 0 15px!important}.device-mobile .product-list-component .product-item img{-o-object-fit:contain!important;object-fit:contain!important;width:100%!important;height:auto!important}.device-mobile .product-list-component .product-info{padding:10px!important}.device-mobile .product-list-component .product-title{white-space:normal!important;word-break:break-word!important;font-size:14px!important}.device-mobile .product-list-component .product-price{font-size:14px!important}.device-mobile .faq-component{width:100%!important;max-width:100%!important}.device-mobile .faq-component .faq-item{margin-bottom:10px!important}.device-mobile .faq-component .faq-question{box-sizing:border-box!important;word-break:break-word!important;width:100%!important;padding:10px!important;font-size:14px!important}.device-mobile .faq-component .faq-answer{box-sizing:border-box!important;word-break:break-word!important;width:100%!important;padding:10px!important;font-size:13px!important}.device-mobile .company-history-component{width:100%!important;max-width:100%!important;padding:10px!important}.device-mobile .company-history-component .history-title{margin-bottom:10px!important;font-size:18px!important}.device-mobile .company-history-component .history-subtitle{margin-bottom:20px!important;font-size:14px!important}.device-mobile .company-history-component .history-item{margin-bottom:15px!important}.device-mobile .company-history-component .history-year{font-size:16px!important;font-weight:700!important}.device-mobile .company-history-component .history-content{margin-left:15px!important;font-size:13px!important;line-height:1.4!important}.device-mobile .company-history-component img{max-width:100px!important;height:auto!important}.device-mobile .order-history-wrapper,.device-mobile .mileage-history-wrapper{width:100%!important;max-width:100%!important;padding:10px!important}.device-mobile .order-history-wrapper table,.device-mobile .mileage-history-wrapper table{width:100%!important;display:block!important;overflow-x:auto!important}.device-mobile .order-history-wrapper th,.device-mobile .mileage-history-wrapper th,.device-mobile .order-history-wrapper td,.device-mobile .mileage-history-wrapper td{white-space:nowrap!important;padding:8px 5px!important;font-size:12px!important}.device-mobile .gi-single-product{box-sizing:border-box!important;width:100%!important;max-width:100%!important;overflow:visible!important}.device-mobile .gi-single-product .row{margin-left:-5px!important;margin-right:-5px!important}.device-mobile .gi-single-product .col-lg-6,.device-mobile .gi-single-product .col-lg-12{flex:0 0 100%!important;width:100%!important;max-width:100%!important;padding-left:5px!important;padding-right:5px!important}.device-mobile .gi-single-product .single-product-cover img{width:100%!important;height:auto!important}.device-mobile .gi-single-title{word-break:break-word!important;margin-bottom:10px!important;font-size:18px!important}.device-mobile .gi-single-price .final-price{font-size:16px!important}.device-mobile .gi-pro-tab-nav .nav-link{padding:8px 12px!important;font-size:13px!important}.device-mobile .gi-description-block{word-break:break-word!important;font-size:13px!important;line-height:1.4!important}.device-mobile .cart-component-wrapper{width:100%!important;max-width:100%!important;padding:10px!important}.device-mobile .cart-page-title{margin-bottom:15px!important;font-size:18px!important}.device-mobile .cart-item-inner{flex-wrap:nowrap!important;align-items:flex-start!important;padding:10px!important;display:flex!important}.device-mobile .cart-item-image{flex-shrink:0!important;width:80px!important;height:80px!important}.device-mobile .cart-item-details{flex-direction:column!important;flex:1!important;width:calc(100% - 90px)!important;padding-left:10px!important;display:flex!important}.device-mobile .cart-item-title{margin-bottom:12px!important}.device-mobile .cart-item-title a{word-break:normal!important;white-space:nowrap!important;text-overflow:ellipsis!important;max-width:100%!important;font-size:14px!important;overflow:hidden!important}.device-mobile .cart-item-variant{white-space:nowrap!important;text-overflow:ellipsis!important;font-size:13px!important;overflow:hidden!important}.device-mobile .cart-item-actions{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;width:100%!important;margin-top:5px!important;display:flex!important}.device-mobile .cart-item-quantity{flex-shrink:0!important;width:auto!important;margin-top:0!important}.device-mobile .cart-quantity-control{transform:scale(.9)!important}.device-mobile .cart-item-total{text-align:center!important;flex-shrink:0!important;width:auto!important;margin-top:0!important;font-size:14px!important}.device-mobile .cart-item-remove{width:auto!important;margin-top:0!important;margin-left:5px!important}.device-mobile .cart-item-remove button{color:#888;cursor:pointer;background:0 0;border:none;padding:5px;font-size:16px}.device-mobile .cart-item-remove button:hover{color:red}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.menu-edit-modal{background:#fff;border-radius:16px;flex-direction:column;width:90%;max-width:600px;max-height:90vh;animation:.3s ease-out modalSlideIn;display:flex;overflow:hidden;box-shadow:0 20px 60px #0003}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.modal-header h3{color:#1e293b;margin:0;font-size:1.25rem;font-weight:600}.modal-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;font-size:1.5rem;transition:all .2s;display:flex}.modal-close-btn:hover{color:#334155;background-color:#f1f5f9}.modal-body{flex:1;padding:32px;overflow-y:auto}.form-group{margin-bottom:24px}.form-group:last-child{margin-bottom:0}.form-group label{color:#374151;margin-bottom:8px;font-size:.875rem;font-weight:500;display:block}.form-input,.form-select{box-sizing:border-box;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px 16px;font-size:.875rem;transition:all .2s}.form-input:focus,.form-select:focus{border-color:#4361ee;outline:none;box-shadow:0 0 0 3px #4361ee1a}.form-input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-input:disabled,.form-select:disabled{color:#9ca3af;cursor:not-allowed;background-color:#f9fafb}.error-text{color:#ef4444;margin-top:4px;margin-bottom:0;font-size:.75rem}.help-text{color:#6b7280;margin-top:4px;margin-bottom:0;font-size:.75rem;line-height:1.4}.checkbox-group{flex-direction:column;gap:12px;display:flex}.checkbox-item{align-items:center;gap:8px;display:flex}.checkbox-item input[type=checkbox]{accent-color:#4361ee;width:16px;height:16px}.checkbox-item label{color:#374151;cursor:pointer;margin:0;font-size:.875rem}.modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:12px;padding:24px 32px;display:flex}.btn-cancel,.btn-save{cursor:pointer;border:none;border-radius:8px;min-width:80px;padding:10px 20px;font-size:.875rem;font-weight:500;transition:all .2s}.btn-cancel{color:#374151;background-color:#fff;border:1px solid #d1d5db}.btn-cancel:hover{background-color:#f9fafb;border-color:#9ca3af}.btn-save{color:#fff;background-color:#4361ee}.btn-save:hover:not(:disabled){background-color:#3c5bd6;transform:translateY(-1px);box-shadow:0 4px 12px #4361ee4d}.btn-save:disabled{cursor:not-allowed;box-shadow:none;background-color:#9ca3af;transform:none}.selected-menu-info{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:16px}.selected-menu-info p{margin:8px 0;font-size:.875rem}.selected-menu-info strong{color:#374151}.edit-instruction{color:#6b7280;text-align:center;font-size:.875rem;font-style:italic}