:root{--color-logo:#ff5202;--color-icons:#ff6807;--color-cta:#ff6808;--color-box:#ffa053;--color-highlight:#ffbd0a;--color-dark-title:#933200;--primary-50:#fef2f2;--primary-100:#fee2e2;--primary-200:#fecaca;--primary-300:#fca5a5;--primary-400:#f87171;--primary-500:#ff6808;--primary-600:#ff5202;--primary-700:#dc2626;--primary-800:#b91c1c;--primary-900:#991b1b;--success-50:#f0fdf4;--success-100:#dcfce7;--success-200:#bbf7d0;--success-300:#86efac;--success-400:#4ade80;--success-500:#22c55e;--success-600:#16a34a;--success-700:#15803d;--success-800:#166534;--success-900:#14532d;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-200:#fde68a;--warning-300:#fcd34d;--warning-400:#fbbf24;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--warning-800:#92400e;--warning-900:#78350f;--error-50:#fef2f2;--error-100:#fee2e2;--error-200:#fecaca;--error-300:#fca5a5;--error-400:#f87171;--error-500:#ef4444;--error-600:#dc2626;--error-700:#b91c1c;--error-800:#991b1b;--error-900:#7f1d1d;--neutral-50:#fafafa;--neutral-100:#f5f5f5;--neutral-200:#e5e5e5;--neutral-300:#d4d4d4;--neutral-400:#a3a3a3;--neutral-500:#737373;--neutral-600:#525252;--neutral-700:#404040;--neutral-800:#262626;--neutral-900:#171717;--color-neutral-1:#f0f0f0;--color-neutral-2:#e7e7e8;--color-neutral-3:#f3f3f3;--color-dark-bg:#22222c;--dark-50:#1a1a1f;--dark-100:#22222c;--dark-200:#2a2a35;--dark-300:#32323e;--dark-400:#3a3a47;--dark-500:#424250;--text-primary:#1e293b;--text-secondary:#64748b;--text-tertiary:#94a3b8;--text-inverse:#fff;--text-dark:#0f172a;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-dark:#22222c;--border-light:#e2e8f0;--border-medium:#cbd5e1;--border-dark:#94a3b8}.header{background-color:#3b82f6;color:#fff;padding:20px;position:-webkit-sticky;position:sticky;text-align:center;top:0;width:100%;z-index:1000}:root{--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;--font-heading:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--radius-xl:36px;--cta-border-radius:28px;--cta-border-radius-mobile:24px;--icon-size-sidebar:20px;--icon-size-header:24px;--icon-size-inline:16px;--icon-size-button:18px;--icon-stroke-width:1.5;--icon-color-primary:#4b5563;--icon-color-secondary:#6b7280;--icon-color-active:#1f2937}.lucide,[class*=lucide]{stroke-width:1.5;stroke-width:var(--icon-stroke-width);color:currentColor;display:inline-block;flex-shrink:0;vertical-align:middle}.icon-sm{height:16px;width:16px}.icon-md{height:20px;width:20px}.icon-lg{height:24px;width:24px}.icon-xl{height:32px;width:32px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#4b5563;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.hero-visual{z-index:2}.hero-image-wrapper,.hero-visual{display:inline-block;position:relative}.hero-image-wrapper{height:450px;width:800px;z-index:1}.hero-image-wrapper img{border-radius:16px;display:block;height:100%;object-fit:contain;width:100%}h1,h2,h3,h4,h5,h6{color:#4b5563;font-family:Inter,sans-serif;font-weight:700;line-height:1.2}h1{font-size:2.5rem;font-weight:800}h1,h2{color:#4b5563}h2{font-size:2rem;font-weight:700}h3{color:#4b5563;font-size:1.5rem;font-weight:600}h4{font-size:1.25rem}h4,h5{color:#334155;font-weight:600}h5{font-size:1.125rem}h6{color:#334155;font-size:1rem;font-weight:600}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1200px;padding:0 20px}.btn:not(.cta):not(.cta-button){align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:12px 24px;position:relative;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-700) 100%);box-shadow:0 4px 15px #3b82f64d;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-800) 100%);box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,var(--neutral-500) 0,var(--neutral-600) 100%);box-shadow:0 4px 15px #64748b4d;color:#fff}.btn-secondary:hover{background:linear-gradient(135deg,var(--neutral-600) 0,var(--neutral-700) 100%);box-shadow:0 8px 25px #64748b66;transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,var(--success-500) 0,var(--success-700) 100%);box-shadow:0 4px 15px #22c55e4d;color:#fff}.btn-success:hover{background:linear-gradient(135deg,var(--success-600) 0,var(--success-800) 100%);box-shadow:0 8px 25px #22c55e66;transform:translateY(-2px)}.btn-warning{background:linear-gradient(135deg,var(--warning-500) 0,var(--warning-700) 100%);box-shadow:0 4px 15px #f973164d;color:#fff}.btn-warning:hover{background:linear-gradient(135deg,var(--warning-600) 0,var(--warning-800) 100%);box-shadow:0 8px 25px #f9731666;transform:translateY(-2px)}.btn-error{background:linear-gradient(135deg,var(--error-500) 0,var(--error-700) 100%);box-shadow:0 4px 15px #ef44444d;color:#fff}.btn-error:hover{background:linear-gradient(135deg,var(--error-600) 0,var(--error-800) 100%);box-shadow:0 8px 25px #ef444466;transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid var(--primary-500);box-shadow:0 4px 15px #3b82f61a;color:var(--primary-500)}.btn-outline:hover{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-700) 100%);box-shadow:0 8px 25px #3b82f64d;color:#fff;transform:translateY(-2px)}.card{background:#0000;border:1px solid #e2e8f04d;border-radius:24px;box-shadow:none;margin-bottom:24px;overflow:hidden;padding:32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8,#06b6d4);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.card:hover{box-shadow:none;transform:translateY(-4px)}.card:hover:before{opacity:1}.form-group{margin-bottom:20px}.form-label{color:var(--neutral-700);display:block;margin-bottom:8px}.form-input,.form-label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-primary);font-weight:500}.form-input{background:var(--neutral-50);border:2px solid var(--neutral-200);border-radius:12px;color:var(--neutral-800);font-size:16px;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-input:focus{background:#fff;border-color:var(--primary-500);box-shadow:0 0 0 4px #3b82f61a;outline:none;transform:translateY(-1px)}.form-input::placeholder{color:var(--neutral-400);font-weight:400}.form-select{background:var(--neutral-50);border:2px solid var(--neutral-200);border-radius:12px;color:var(--neutral-800);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-primary);font-size:16px;font-weight:500;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-select:focus{background:#fff;border-color:var(--primary-500);box-shadow:0 0 0 4px #3b82f61a;outline:none;transform:translateY(-1px)}.form-textarea{background:var(--neutral-50);border:2px solid var(--neutral-200);border-radius:12px;color:var(--neutral-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-primary);font-size:16px;font-weight:500;min-height:120px;padding:16px 20px;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-textarea:focus{background:#fff;border-color:var(--primary-500);box-shadow:0 0 0 4px #3b82f61a;outline:none;transform:translateY(-1px)}.form-textarea::placeholder{color:var(--neutral-400);font-weight:400}.error{color:var(--error-600)}.error,.success{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-primary);font-size:14px;font-weight:500;margin-top:5px}.success{color:var(--success-600)}.warning{color:var(--warning-600);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-primary);font-size:14px;font-weight:500;margin-top:5px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(4)}}.ripple{animation:ripple .6s linear;background:#ff68084d;border-radius:50%;pointer-events:none;position:absolute;transform:scale(0)}a,button,input,select,textarea{transition-duration:.15s;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}:focus-visible{border-radius:4px;outline:2px solid #ff6808;outline-offset:2px}html{scroll-behavior:smooth}.spinner{border:3px solid #f3f3f3;border-top-color:#ff6808}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.shake{animation:shake .5s}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.button-press:active{transform:scale(.98)}.modal-enter{animation:fadeIn .2s ease}.dropdown-enter{animation:slideInRight .2s ease}.skeleton{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}.info{color:var(--primary-600);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-primary);font-size:14px;font-weight:500;margin-top:5px}.loading{align-items:center;display:flex;justify-content:center;padding:40px}.spinner{animation:spin 1s linear infinite;border-top:4px solid var(--neutral-200);border:4px solid var(--neutral-200);border-radius:50%;border-top-color:var(--primary-500);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes scroll{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (max-width:768px){.container{padding:0 15px}.card{padding:16px}.btn{font-size:14px;padding:10px 20px}.sidebar{border-bottom:1px solid #e9ecef;box-shadow:none;height:auto;position:relative;width:100%}.sidebar nav{display:flex;overflow-x:auto;padding:10px 0}.sidebar nav a{border-bottom:2px solid #0000;border-right:none;margin-right:10px;white-space:nowrap}.sidebar nav a.active{border-bottom:2px solid var(--primary-500);border-right:none}.main-content{margin-left:0;padding:15px}.form-grid,.grid-responsive{grid-template-columns:1fr}.btn-mobile{margin-bottom:10px;width:100%}.modal{margin:10px;width:95%}.table-responsive{overflow-x:auto}.table-responsive table{min-width:600px}}@media (max-width:480px){.container{padding:0 10px}.card{padding:12px}.btn{font-size:12px;padding:8px 16px}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}}.cta:hover{box-shadow:0 4px 10px #0003;transform:translateY(-1px)}.cta:active{transform:translateY(0)}.cta:focus-visible{outline:2px solid #00000026;outline-offset:2px}.cta:disabled{cursor:not-allowed;opacity:.6}.box .cta{font-size:.875rem}.box{background-color:#fff;border-radius:20px;border-radius:var(--radius-md);box-shadow:0 1px 4px #00000014;overflow:hidden;padding:16px}.box-lg{border-radius:28px;border-radius:var(--radius-lg);padding:24px}@media (max-width:768px){.cta-lg,.cta-md,.cta-sm{min-height:40px;padding:0 16px}.box,.box-lg{padding:12px}.btn,.clickable,.interactive,[role=button],a[role=button],button,input[type=button],input[type=reset],input[type=submit]{font-size:16px!important;line-height:1.4!important;min-height:44px!important;min-width:44px!important;padding:12px 16px!important}input,select,textarea{-webkit-appearance:none!important;border-radius:8px!important}input,input[type=date],input[type=datetime-local],input[type=time],select,textarea{font-size:16px!important;height:44px!important;padding:12px!important}input[type=checkbox],input[type=radio]{height:20px!important;margin:0 8px 0 0!important;width:20px!important}label{cursor:pointer!important;display:block!important;padding:8px 0!important}}.responsive-table,.table-responsive{-webkit-overflow-scrolling:touch!important;margin:0 -16px!important;overflow-x:auto!important;padding:0 16px!important}@media (max-width:768px){table{font-size:14px!important;min-width:auto!important}td,th{padding:8px 4px!important;white-space:nowrap!important}.grid-container{display:block!important}.grid-item{margin-bottom:16px!important}.grid-4-cols{grid-template-columns:repeat(2,1fr)!important}.grid-3-cols{grid-template-columns:repeat(1,1fr)!important}h1{font-size:28px!important;line-height:1.2!important;margin-bottom:16px!important}h2{font-size:24px!important;line-height:1.3!important;margin-bottom:14px!important}h3{font-size:20px!important;margin-bottom:12px!important}h3,h4{line-height:1.4!important}h4{font-size:18px!important;margin-bottom:10px!important}div,li,p,span{font-size:16px!important;line-height:1.6!important;margin-bottom:12px!important}.caption,.text-sm,small{font-size:14px!important;line-height:1.4!important}img,picture,video{display:block!important;height:auto!important;max-width:100%!important}.hero-image,.hero-visual img{height:200px!important;object-fit:cover!important}.image-skeleton{animation:loading 1.5s infinite!important;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%)!important;background-size:200% 100%!important}}@media (max-width:768px){@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}}@media (max-width:768px){*{-webkit-overflow-scrolling:touch!important}.animated,.card,.transition,button{-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;transform:translateZ(0)!important}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}@media (max-width:768px){.modal,.overlay,.popup{bottom:0!important;box-sizing:border-box!important;height:100vh!important;left:0!important;padding:16px!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important}.modal-body,.modal-content{-webkit-overflow-scrolling:touch!important;max-height:calc(100vh - 32px)!important;overflow-y:auto!important}.hamburger-menu,.mobile-menu{background:#fff!important;height:100vh!important;left:0!important;position:fixed!important;top:0!important;transform:translateX(-100%)!important;transition:transform .3s ease!important;width:280px!important;z-index:1000!important}.mobile-menu.open{transform:translateX(0)!important}.menu-overlay{background:#00000080!important;bottom:0!important;left:0!important;opacity:0!important;position:fixed!important;right:0!important;top:0!important;transition:all .3s ease!important;visibility:hidden!important;z-index:999!important}.menu-overlay.open{opacity:1!important;visibility:visible!important}.cta-button,.hero-cta,.primary-btn{border-radius:24px!important;border-radius:var(--cta-border-radius-mobile)!important;font-size:16px!important;font-weight:600!important;margin:0 auto!important;max-width:320px!important;min-height:48px!important;padding:14px 24px!important;width:100%!important}.cta-section,.hero-section{padding:32px 16px!important}.app-container{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)!important}.touch-feedback{transition:all .1s ease!important}.touch-feedback:active{opacity:.8!important;transform:scale(.98)!important}.swipe-indicator{bottom:20px!important;left:50%!important;opacity:.7!important;position:absolute!important;transform:translateX(-50%)!important}}.buyer-cta-button,.supplier-cta-button{border-radius:50px!important;-webkit-border-radius:50px!important;-moz-border-radius:50px!important}.header-icon-btn{align-items:center;background-color:#fff;border:1px solid #0e141e0f;border-radius:50%;box-shadow:0 1px 2px #1018280d;cursor:pointer;display:flex;height:44px;justify-content:center;min-height:44px;min-width:44px;position:relative;transition:box-shadow .18s ease,transform .12s ease;width:44px;z-index:1000}.header-icon-btn:hover{box-shadow:0 6px 18px #10182814;transform:translateY(-2px)}.header-icon-btn:active{box-shadow:0 1px 4px #1018280f;transform:translateY(0)}.header-icon-btn [class*=react-icons],.header-icon-btn svg{fill:currentColor;stroke:none;color:#4b5563;display:block!important;flex-shrink:0;height:20px;opacity:1!important;transition:all .2s cubic-bezier(.4,0,.2,1);visibility:visible!important;width:20px}[class*=react-icons],svg[class*=react-icons]{display:inline-block!important;opacity:1!important;visibility:visible!important}.header-icon-btn svg[class*=react-icons]{display:block!important;opacity:1!important;visibility:visible!important}.header-icon-btn:hover svg{color:#1f2937}[data-user-dropdown] button,button[data-user-dropdown]{align-items:center;background-color:#1e293b;border:2px solid #e5e7eb;border-radius:50%;box-shadow:0 1px 3px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center;min-height:40px;min-width:40px;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);width:40px}[data-user-dropdown] button:hover,button[data-user-dropdown]:hover{border-color:#cbd5e1;box-shadow:0 4px 6px #0000001a;transform:scale(1.05)}[data-user-dropdown] button:active,button[data-user-dropdown]:active{transform:scale(.98)}.header-icon-btn [style*="position: absolute"][style*="backgroundColor: #ef4444"],.header-icon-btn span[style*="position: absolute"]{align-items:center;background-color:#ef4444;border:2px solid #fff;border-radius:9px;box-shadow:0 2px 4px #ef44444d;color:#fff;display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 6px;position:absolute;right:4px;top:4px;z-index:1001}.material-symbols-outlined{word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:ltr;display:inline-block;font-family:Material Symbols Outlined;font-size:inherit;font-style:normal;font-weight:400;height:1em;letter-spacing:normal;line-height:1;text-transform:none;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;width:1em}svg[class*=react-icons]{display:inline-block;flex-shrink:0;vertical-align:middle}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cta-button,a.cta-button,button.cta-button,button.cta-button.cta-button{align-items:center!important;border-radius:28px!important;border-radius:var(--cta-border-radius,28px)!important;cursor:pointer!important;display:flex!important;justify-content:center!important;overflow:hidden!important;position:relative!important;text-align:center!important;transition:background-color .2s ease,box-shadow .2s ease,transform .15s ease;z-index:1!important}button.cta-button:not([style*=border]):not([style*=Border]){border:none!important}.cta-button:active,.cta-button:focus,.cta-button:focus-visible,.cta-button:hover,a.cta-button:active,a.cta-button:focus,a.cta-button:focus-visible,a.cta-button:hover,button.cta-button:active,button.cta-button:focus,button.cta-button:focus-visible,button.cta-button:hover,button.cta-button:visited{border-radius:28px!important;border-radius:var(--cta-border-radius,28px)!important}.btn.cta-button,.btn.cta-button:hover,button.btn.cta-button,button.btn.cta-button:hover,button.cta-button[style*=border-radius],button.cta-button[style*=borderRadius]{border-radius:28px!important;border-radius:var(--cta-border-radius,28px)!important}.cta-button *{border-radius:inherit!important}@media (max-width:768px){.cta-button,a.cta-button,button.cta-button{border-radius:24px!important;border-radius:var(--cta-border-radius-mobile,24px)!important}.cta-button:active,.cta-button:focus,.cta-button:focus-visible,.cta-button:hover,a.cta-button:active,a.cta-button:focus,a.cta-button:focus-visible,a.cta-button:hover,button.cta-button:active,button.cta-button:focus,button.cta-button:focus-visible,button.cta-button:hover{border-radius:24px!important;border-radius:var(--cta-border-radius-mobile,24px)!important}.btn.cta-button,button.btn.cta-button{border-radius:24px!important;border-radius:var(--cta-border-radius-mobile,24px)!important}}.CategoryPageContainer_pageContainer__QJltd{background-color:#f8fafc;min-height:-webkit-fit-content;min-height:fit-content;padding:20px}.CategoryPageContainer_filtersWrapper__LEom0{align-items:center;display:flex;gap:20px;margin-bottom:20px}.CategoryPageContainer_headerWrapper__xvx3r{margin-bottom:20px}.productpage .content-container{max-width:1186px}
/*# sourceMappingURL=main.0c37c376.css.map*/