:root{--db-navy:var(--primary-color);--db-navy-dark:#081d44;--db-navy-glow:#0d2e671f;--db-orange:var(--primary-color);--db-sidebar-bg:#fff;--db-bg:#f4f7fb;--db-border:#e8edf5;--db-text:#1a1a2e;--db-text-muted:#64748b;--db-text-light:#94a3b8;--db-card-shadow:0 2px 12px #0d2e670f;--db-hover-shadow:0 8px 24px #0d2e671f;--sidebar-width:260px;--sidebar-collapsed:64px;--header-height:62px}.dashboard-page-wrapper{background:var(--db-bg);flex-direction:column;height:100vh;display:flex;overflow:hidden}.dashboard-container{flex:1;min-height:0;display:flex;overflow:hidden}.dashboard-header-top{border-bottom:1px solid var(--db-border);z-index:1001;height:var(--header-height);box-shadow:0 1px 0 var(--db-border), 0 4px 16px #00000005;background:#fff;justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex;position:sticky;top:0}.dash-header-left .logo-dash{color:var(--db-navy);letter-spacing:-.5px;font-size:1.3rem;font-weight:900;text-decoration:none}.dash-header-right{align-items:center;gap:1rem;display:flex}.dash-action-item{color:var(--db-text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:.4rem;padding:6px 10px;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.dash-action-item:hover{color:var(--db-navy);background:#f0f4ff}.dash-action-item svg{width:18px;height:18px}.dash-search-container{flex:1;max-width:480px;margin:0 1.5rem}.dash-search-bar{background:#f4f7fb;border:1.5px solid #0000;border-radius:12px;align-items:center;padding:2px 6px 2px 14px;transition:all .2s;display:flex}.dash-search-bar:focus-within{border-color:var(--db-navy);box-shadow:0 0 0 4px var(--db-navy-glow);background:#fff}.dash-search-input{color:var(--db-text);background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-size:.875rem;font-weight:500}.dash-search-btn{background:var(--db-navy);color:#fff;cursor:pointer;border:none;border-radius:9px;align-items:center;gap:5px;padding:7px 14px;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.dash-search-btn:hover{background:var(--db-navy-dark);transform:translateY(-1px)}.dashboard-sidebar{width:var(--sidebar-width);background:var(--db-sidebar-bg);border-right:1px solid var(--db-border);flex-direction:column;flex-shrink:0;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.dashboard-sidebar.collapsed{width:var(--sidebar-collapsed)}.dashboard-sidebar-content{scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent;flex:1;padding:8px 0 16px;overflow:hidden auto}.dashboard-sidebar-content::-webkit-scrollbar{width:4px}.dashboard-sidebar-content::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.mobile-dashboard-header,.mobile-drawer-header{display:none}.sidebar-section{margin-bottom:4px}.sidebar-section-title{color:var(--db-text-light);text-transform:uppercase;letter-spacing:.08rem;margin:16px 0 6px;padding:0 1.2rem;font-size:.65rem;font-weight:800}.sidebar-item{color:var(--db-text-muted);cursor:pointer;border-left:none;border-radius:10px;justify-content:space-between;align-items:center;margin:1px 8px;padding:.6rem 1rem;font-size:.825rem;font-weight:600;text-decoration:none;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-item-content{align-items:center;gap:10px;display:flex}.sidebar-badge-new{background:var(--db-orange);color:#fff;border-radius:20px;margin-left:.25rem;padding:.12rem .45rem;font-size:.6rem;font-weight:800}.sidebar-item:hover{color:var(--db-navy);background:#f0f4ff}.sidebar-item.active{background:var(--db-navy);color:#fff;font-weight:700;box-shadow:0 4px 14px #0d2e6733}.sidebar-item.active .sidebar-icon{color:#fff}.sidebar-icon{width:18px;height:18px;color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-arrow{opacity:.4;font-size:.65rem}.collapsed .sidebar-item-content{justify-content:center;gap:0}.collapsed .sidebar-item{border-radius:0;justify-content:center;margin:1px 0;padding:.7rem 0}.dashboard-main{background:var(--db-bg);flex:1;height:100%;padding:24px;overflow-y:auto}.dashboard-header-bar{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.dashboard-title{color:var(--db-text);letter-spacing:-.02em;font-size:1.4rem;font-weight:800}.email-verification-notice{color:#1e40af;background:#eff8ff;border:1px solid #bfdbfe;border-radius:12px;align-items:center;gap:10px;margin-bottom:1.5rem;padding:1rem 1.5rem;font-size:.875rem;display:flex}.verify-link{color:var(--db-navy);font-weight:700;text-decoration:none}.dashboard-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}.dash-card{box-shadow:var(--db-card-shadow);border:1px solid var(--db-border);background:#fff;border-radius:14px;padding:1.25rem}.dashboard-welcome-banner{background:var(--primary-color);color:#fff;border-radius:18px;margin-bottom:1.25rem;padding:1.75rem 2rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #0d2e6747}.dashboard-welcome-banner:before{content:"";background:#ffffff0a;border-radius:50%;width:200px;height:200px;position:absolute;top:-40px;right:-40px}.dashboard-welcome-banner:after{content:"";background:#ffffff08;border-radius:50%;width:160px;height:160px;position:absolute;bottom:-60px;right:80px}.dashboard-welcome-banner h1{color:#fff;margin:0;font-size:1.15rem;font-weight:800}.dashboard-welcome-banner p{color:#ffffffb3;margin:4px 0 0;font-size:.8rem}.buyer-dash-banner-btn{white-space:nowrap;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff26;border:1.5px solid #ffffff4d;border-radius:10px;padding:8px 18px;font-size:12px;font-weight:700;text-decoration:none;transition:all .2s}.buyer-dash-banner-btn:hover{background:#ffffff40;transform:translateY(-1px)}.buyer-dash-banner-btn.outline{background:0 0;border:1.5px solid #ffffff73}.buyer-dash-banner-btn.outline:hover{background:#ffffff1f}.buyer-stat-grid{grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:1.25rem;display:grid}.buyer-stat-card{border:1px solid var(--db-border);cursor:pointer;text-align:center;background:#fff;border-radius:14px;padding:16px 14px;transition:all .22s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.buyer-stat-card:before{content:"";opacity:0;background:linear-gradient(135deg,#0000,#fff9);transition:opacity .2s;position:absolute;inset:0}.buyer-stat-card:hover{box-shadow:var(--db-hover-shadow);border-color:#c7d4e8;transform:translateY(-3px)}.buyer-stat-card:hover:before{opacity:1}.buyer-stat-icon{border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 10px;display:flex}.buyer-stat-number{color:var(--db-text);letter-spacing:-.03em;font-size:1.5rem;font-weight:900;line-height:1.1}.buyer-stat-label{color:var(--db-text-light);text-transform:uppercase;letter-spacing:.08em;margin-top:5px;font-size:9px;font-weight:800}.buyer-dash-section{border:1px solid var(--db-border);box-shadow:var(--db-card-shadow);background:#fff;border-radius:14px;margin-bottom:14px;overflow:hidden}.buyer-dash-section-header{background:#fafbfd;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.buyer-dash-section-header h3{color:var(--db-text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:12px;font-weight:800}.buyer-dash-view-all{color:var(--db-navy);background:#f0f4ff;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700;text-decoration:none;transition:all .15s}.buyer-dash-view-all:hover{background:var(--db-navy);color:#fff}.buyer-orders-table-wrap{overflow-x:auto}.buyer-orders-table{border-collapse:collapse;width:100%;font-size:13px}.buyer-orders-table th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--db-text-light);background:#fafbfd;border-bottom:1px solid #f1f5f9;padding:10px 18px;font-size:9px;font-weight:800}.buyer-orders-table td{vertical-align:middle;border-bottom:1px solid #f8fafc;padding:12px 18px}.buyer-orders-table tr:last-child td{border-bottom:none}.buyer-orders-table tr:hover td{background:#f8faff}.buyer-order-id{color:var(--db-navy);font-size:12px;font-weight:700}.buyer-order-product{color:#334155;white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-weight:600;overflow:hidden}.buyer-order-amount{color:var(--db-text);font-weight:800}.buyer-order-status{text-transform:capitalize;border-radius:100px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-block}.buyer-order-date{color:var(--db-text-light);font-size:12px}.buyer-order-view-btn{color:var(--db-navy);white-space:nowrap;border:1.5px solid #e0e8f4;border-radius:8px;padding:5px 12px;font-size:11px;font-weight:700;text-decoration:none;transition:all .15s}.buyer-order-view-btn:hover{background:var(--db-navy);color:#fff;border-color:var(--db-navy)}.buyer-rfq-list{padding:0}.buyer-rfq-item{border-bottom:1px solid #f8fafc;justify-content:space-between;align-items:center;padding:13px 18px;transition:background .15s;display:flex}.buyer-rfq-item:last-child{border-bottom:none}.buyer-rfq-item:hover{background:#f8faff}.buyer-rfq-info{flex-direction:column;gap:3px;display:flex}.buyer-rfq-title{color:#334155;font-size:13px;font-weight:600}.buyer-rfq-date{color:var(--db-text-light);font-size:11px}.buyer-recent-products{grid-template-columns:repeat(6,1fr);gap:12px;padding:16px 18px;display:grid}.buyer-recent-prod-card{color:inherit;border:1px solid #f0f4f8;border-radius:12px;text-decoration:none;transition:all .22s;overflow:hidden}.buyer-recent-prod-card:hover{box-shadow:var(--db-hover-shadow);border-color:#c7d4e8;transform:translateY(-3px)}.buyer-recent-prod-img{aspect-ratio:1;background:#f9fafb;overflow:hidden}.buyer-recent-prod-img img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.buyer-recent-prod-card:hover .buyer-recent-prod-img img{transform:scale(1.06)}.buyer-recent-prod-placeholder{color:#d1d5db;justify-content:center;align-items:center;width:100%;height:100%;font-size:24px;display:flex}.buyer-recent-prod-info{padding:10px}.buyer-recent-prod-name{color:#334155;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:11px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.buyer-recent-prod-price{color:var(--db-text);font-size:13px;font-weight:800}.buyer-dash-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.buyer-dash-empty-icon{opacity:.45;margin-bottom:12px;font-size:36px}.buyer-dash-empty-title{color:#334155;margin:0 0 6px;font-size:13px;font-weight:700}.buyer-dash-empty-desc{color:var(--db-text-light);max-width:240px;margin:0 0 16px;font-size:11px;line-height:1.55}.buyer-dash-empty-btn{background:var(--db-navy);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:8px 20px;font-size:12px;font-weight:700;text-decoration:none;transition:all .15s}.buyer-dash-empty-btn:hover{background:var(--db-navy-dark);transform:translateY(-1px)}.buyer-sidebar-v2{width:260px;height:calc(100vh - var(--header-height,62px));flex-direction:column;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;border-right:1px solid var(--db-border)!important;background:#fff!important}.buyer-sidebar-v2.collapsed{width:64px}.buyer-sidebar-v2 .buyer-sb-profile-section{display:none}.buyer-sb-desktop-header{justify-content:space-between;align-items:center;padding:20px 16px 12px;display:flex}.collapsed .buyer-sb-desktop-header{justify-content:center;padding:20px 0 12px}.buyer-sb-title{color:var(--db-text);letter-spacing:-.02em;font-size:15px;font-weight:800}.buyer-sb-toggle-btn{color:var(--db-text-muted);cursor:pointer;background:#f4f7fb;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.buyer-sb-toggle-btn:hover{color:var(--db-navy);background:#e8edf5}.buyer-sb-nav-content{scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent;flex:1;padding:8px;overflow-y:auto}.buyer-sb-nav-content::-webkit-scrollbar{width:3px}.buyer-sb-nav-content::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.buyer-sb-section-title{text-transform:uppercase;color:var(--db-text-light);letter-spacing:.08rem;margin:16px 8px 6px;font-size:.65rem;font-weight:800;display:block}.buyer-sb-item{color:var(--db-text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;width:100%;margin:1px 0;padding:10px 12px;font-size:.825rem;font-weight:600;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex}.buyer-sb-item:hover{color:var(--db-navy);background:#f0f4ff}.buyer-sb-item.active{background:var(--primary-color);font-weight:700;box-shadow:0 4px 14px #0d2e6733;color:#fff!important}.buyer-sb-item.active .buyer-sb-icon{color:#fff!important}.buyer-sb-item-left{align-items:center;gap:10px;display:flex}.buyer-sb-icon{width:18px;height:18px;color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:flex}.buyer-sb-arrow{opacity:.35;font-size:12px}.buyer-sb-item.active .buyer-sb-arrow{opacity:.7;color:#fff}.buyer-sb-msg-badge{background:var(--db-navy);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:4px;padding:0 4px;font-size:9px;font-weight:900;display:flex}.buyer-sb-item.active .buyer-sb-msg-badge{color:var(--db-navy);background:#fff}.buyer-sb-hub-item{border:1px solid var(--db-border);cursor:pointer;text-align:left;width:calc(100% - 16px);color:var(--db-text-muted);background:#f9fafb;border-radius:12px;align-items:center;gap:10px;margin:8px 8px 12px;padding:12px;font-size:.825rem;font-weight:600;transition:all .2s;display:flex}.buyer-sb-hub-item:hover{color:var(--db-navy);background:#f0f4ff;border-color:#c7d4e8}.buyer-sb-hub-item.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 4px 14px #0d2e6733}.buyer-sb-logout-section{border-top:1px solid var(--db-border);margin-top:auto;padding:12px}.buyer-sb-logout-btn{color:#ef4444;cursor:pointer;background:#fff;border:1.5px solid #fee2e2;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.buyer-sb-logout-btn:hover{background:#fef2f2;border-color:#fca5a5;transform:translateY(-1px);box-shadow:0 4px 12px #ef44441f}.buyer-sb-profile-section{border-bottom:1px solid var(--db-border);background:linear-gradient(135deg, var(--db-navy) 0%, #1e40af 100%);align-items:center;gap:12px;padding:16px;display:flex}.buyer-sb-profile-avatar{color:#fff;background:#fff3;border:2px solid #ffffff59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;font-weight:900;display:flex}.buyer-sb-profile-name{color:#fff;font-size:13px;font-weight:800;line-height:1.3}.buyer-sb-profile-role{color:#ffffffa6;text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:600}.flex{display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}.w-full{width:100%}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.mt-6{margin-top:1.5rem}.w-16{width:4rem}.h-16{height:4rem}.rounded-full{border-radius:9999px}.text-2xl{font-size:1.25rem}.text-gray-800{color:#1f2937}.text-sm{font-size:.8rem}.text-gray-500{color:#6b7280}.bg-blue-100{background-color:#dbeafe}.text-blue-800{color:#1e40af}.border-2{border-width:2px}.border-white{border-color:#fff}.shadow-sm{box-shadow:0 1px 2px #0000000d}.text-xl{font-size:1.1rem}.font-bold{font-weight:700}.text-white{color:#fff}.mb-1{margin-bottom:.25rem}.text-xs{font-size:.75rem}.text-blue-100{color:#dbeafe}.opacity-80{opacity:.8}.shrink-0{flex-shrink:0}.overflow-hidden{overflow:hidden}@media (max-width:768px){html,body{height:auto!important;overflow:hidden visible!important}.dashboard-page-wrapper,.dashboard-container{min-height:100vh;height:auto!important;display:block!important;overflow:visible!important}.dashboard-main{min-height:100vh;height:auto!important;padding:14px 14px 100px!important;display:block!important;overflow:visible!important}.dashboard-sidebar,.buyer-sidebar-v2{z-index:3100;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:-100%;overflow-y:auto;box-shadow:4px 0 24px #0000001f;width:280px!important;height:100%!important}.dashboard-sidebar.drawer-open,.buyer-sidebar-v2.drawer-open{visibility:visible;left:0}.sidebar-overlay{z-index:3099;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;width:100%;height:100%;position:fixed;top:0;left:0}.mobile-dashboard-header,.mobile-drawer-header{display:flex}.desktop-drawer-header{display:none!important}.mobile-dashboard-header{border-bottom:1px solid var(--db-border);z-index:10;background:#fff;justify-content:space-between;align-items:center;padding:10px 14px;position:sticky;top:0;box-shadow:0 2px 8px #0000000a}.mobile-menu-toggle{color:var(--db-navy);cursor:pointer;background:#f0f4ff;border:none;border-radius:9px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.mobile-menu-toggle:active{background:#dbe4ff;transform:scale(.95)}.mobile-current-tab{color:var(--db-text);font-size:14px;font-weight:800}.sidebar-item-content span,.sidebar-section-title{display:block!important}.buyer-sidebar-v2 .buyer-sb-profile-section{display:flex}.buyer-sidebar-v2 .buyer-sb-desktop-header{display:none!important}.buyer-sidebar-v2 .mobile-drawer-header{border-bottom:1px solid var(--db-border);justify-content:space-between;align-items:center;margin-bottom:4px;padding:14px 16px;display:flex!important}.buyer-stat-grid{grid-template-columns:repeat(2,1fr);gap:8px}.buyer-recent-products{grid-template-columns:repeat(2,1fr)}.buyer-dash-banner-btn{justify-content:center;align-items:center;min-height:36px;padding:8px 16px!important;font-size:12px!important;display:inline-flex!important}.banner-actions{gap:8px!important;width:100%!important;display:flex!important}.banner-actions .buyer-dash-banner-btn{text-align:center;flex:1!important}.dashboard-welcome-banner{border-radius:14px;padding:1.25rem}.dashboard-header-top{scrollbar-width:none;overflow-x:auto;gap:8px!important;padding:0 12px!important}.dashboard-header-top::-webkit-scrollbar{display:none}.buyer-orders-table th,.buyer-orders-table td{padding:9px 12px;font-size:11px}.dash-search-container{display:none}}@media (max-width:480px){.buyer-stat-grid{grid-template-columns:repeat(2,1fr);gap:8px}.buyer-recent-products{gap:12px;grid-template-columns:1fr!important}.buyer-stat-card{padding:12px 10px}.buyer-stat-number{font-size:1.3rem}}@media (max-width:1200px){.buyer-stat-grid{grid-template-columns:repeat(3,1fr)}.buyer-recent-products{grid-template-columns:repeat(4,1fr)}}.collapsed .buyer-sb-section-title,.collapsed .buyer-sb-item span:not(.buyer-sb-icon),.collapsed .buyer-sb-arrow,.collapsed .buyer-sb-msg-badge,.collapsed .buyer-sb-title{display:none}.collapsed .buyer-sb-item{border-radius:0;justify-content:center;margin:1px 0;padding:10px 0}.collapsed .buyer-sb-item-left{justify-content:center;gap:0}.collapsed .buyer-sb-hub-item{border-radius:0;justify-content:center;gap:0;width:100%;margin:8px 0 12px;padding:10px}.collapsed .buyer-sb-hub-item span:not(.buyer-sb-icon),.collapsed .sidebar-item-content span,.collapsed .sidebar-section-title,.collapsed .sidebar-arrow,.collapsed .sidebar-badge-new{display:none}.bg-red-50{background-color:#fef2f2}.border-red-100{border-color:#fee2e2}.text-red-800{color:#991b1b}.text-red-600{color:#dc2626}.bg-red-600{background-color:#dc2626}.sub-item-list{padding-left:18px}.sidebar-sub-item{color:var(--db-text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;width:calc(100% - 34px);margin:1px 8px 1px 26px;padding:7px 10px;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar-sub-item:hover{color:var(--db-navy);background:#f0f4ff}.sidebar-sub-item.active{color:var(--db-navy);background:#eef2ff;font-weight:700}.profile-card{flex-direction:column;display:flex}.profile-top{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.user-info-section{align-items:center;gap:1rem;display:flex}.user-avatar-circle{background:linear-gradient(135deg,#eef2ff,#dbeafe);border:2px solid #c7d4f4;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.3rem;display:flex}.user-name-box h3{color:var(--db-text);margin-bottom:.15rem;font-size:1rem;font-weight:800}.profile-link{color:var(--db-text-muted);font-size:.8rem;text-decoration:underline}.online-support-btn{color:#333;cursor:pointer;background:0 0;border:none;font-size:.85rem;font-weight:500;text-decoration:underline}.profile-stats-grid{text-align:center;border-bottom:1px solid var(--db-border);grid-template-columns:repeat(3,1fr);margin-bottom:1.25rem;padding-bottom:1.5rem;display:grid}.stat-item h4{color:var(--db-text);margin-bottom:.2rem;font-size:1.4rem;font-weight:900}.stat-item p{color:var(--db-text-muted);font-size:.8rem}.spinner-circle{border:3px solid #f3f3f3;border-top:3px solid var(--primary-color,#0d2e67);border-radius:50%;width:32px;height:32px;margin:0 auto;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.supplier-dashboard-container{color:#1a1a2e;background:#f4f7fb;flex-direction:column;height:100%;display:flex;overflow:hidden}.supplier-layout-body{flex:1;min-height:0;display:flex;overflow:hidden}.supplier-sidebar{width:272px;height:calc(100vh - var(--sp-header-h,68px));max-height:calc(100vh - var(--sp-header-h,68px));background:#0d121e;border-right:1px solid #ffffff0d;flex-direction:column;flex-shrink:0;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;overflow:hidden}.supplier-sidebar:before{content:"";pointer-events:none;background:linear-gradient(160deg,#ffffff06 0%,#0000 60%);position:absolute;inset:0}.supplier-sidebar.collapsed{width:64px}.supplier-sidebar-item.hub-top-item{border-bottom:1px solid #ffffff0f;border-radius:0;width:100%;margin:0;padding:16px 18px}.supplier-sidebar-item{color:#ffffff80;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:11px;justify-content:space-between;align-items:center;width:100%;margin:2px 0;padding:11px 14px;font-family:inherit;font-size:13.5px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.supplier-sidebar-item:hover{color:#fff;background:#ffffff12;padding-left:18px}.supplier-sidebar-item.active{color:#fff;background:linear-gradient(135deg,#ffffff2e 0%,#ffffff14 100%);font-weight:700;box-shadow:inset 0 1px #ffffff1a,0 4px 16px #00000026}.supplier-sidebar-item.active:before{content:"";background:var(--clr-accent,#ff6a00);border-radius:0 3px 3px 0;width:3px;height:60%;position:absolute;top:20%;left:0}.supplier-mob-nav-item{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 2px;font-family:inherit;transition:color .2s;display:flex;position:relative}.supplier-mob-nav-item span{letter-spacing:.02em;text-transform:uppercase;font-size:9px;font-weight:700;line-height:1}.supplier-mob-nav-item:hover,.supplier-mob-nav-item.active{color:var(--primary-color,#0d2e67)}.supplier-mob-nav-item.active:before{content:"";background:linear-gradient(90deg, var(--primary-color,#0d2e67), #1a4a9e);border-radius:0 0 6px 6px;width:28px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.myalibaba-role-card{cursor:pointer;text-align:left;background:#fff;border:2px solid #e8edf5;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;font-family:inherit;transition:all .2s;display:flex}.myalibaba-role-card:hover{background:#f8fafc;border-color:#c7d4e8}.myalibaba-role-card.active{border-color:var(--primary-color,#0d2e67);background:#0d2e670a}.myalibaba-sheet{z-index:3001;background:#fff;border-radius:24px 24px 0 0;padding:0 0 32px;transition:transform .35s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -12px 48px #0000002e}.myalibaba-sheet.open{transform:translateY(0)}@media (max-width:768px){.supplier-sidebar{z-index:2500;height:100%;transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:-100%;box-shadow:4px 0 40px #00000040;width:280px!important}.supplier-sidebar.drawer-open{left:0}}.supplier-sidebar-item.active:after{content:"";opacity:.3;background:#000;border-radius:50%;width:6px;height:6px;position:absolute;right:16px}.supplier-mob-nav-item{color:#94a3b8;cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;transition:all .2s;display:flex}.supplier-mob-nav-item.active{color:#000}.supplier-sidebar-content{scrollbar-width:thin;scrollbar-color:#fff3 transparent}.supplier-sidebar-content::-webkit-scrollbar{width:6px!important}.supplier-sidebar-content::-webkit-scrollbar-track{background:0 0!important}.supplier-sidebar-content::-webkit-scrollbar-thumb{background:#fff3!important;border-radius:99px!important}.supplier-sidebar-content::-webkit-scrollbar-thumb:hover{background:#ffffff59!important}
.promo-banner{color:#fff;background:linear-gradient(90deg,#426cfc 0%,#a259ff 50%,#ff83b4 100%);padding:8px 0;font-size:14px}.promo-container{justify-content:center;max-width:1240px;margin:0 auto;padding:0 4rem;display:flex;position:relative}.promo-content{align-items:center;gap:12px;display:flex}.promo-badge{color:#ffde37;font-size:15px;font-style:italic;font-weight:800}.promo-text{font-size:14px;font-weight:700}.promo-btn{color:#fff;align-items:center;font-weight:700;text-decoration:none;display:flex;position:absolute;right:4rem}.header{z-index:1000;background:#fff;width:100%;padding-bottom:.5rem;position:relative;overflow:visible}.header.home-header-radiant{background:#fff;padding-bottom:0;box-shadow:0 2px 8px #0d2e670f}.header.home-header-radiant .top-nav,.header.home-header-radiant .search-section,.header.home-header-radiant .bottom-nav{background:0 0!important}.header.is-fixed{transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #0000000d}.header-fixed-padding,.dashboard-fixed-padding{padding-top:80px}.ai-sourcing-padding{padding-top:125px}@media (max-width:767px){.d-none-mobile{display:none!important}.ai-sourcing-padding{padding-top:0}}.top-nav{background:#fff;justify-content:space-between;align-items:center;width:100%;min-height:70px;display:flex;padding:.75rem 60px!important}.top-nav-categories{z-index:1001;position:relative}.header-cat-btn{color:#111;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:50px!important;padding:10px 18px!important;transition:all .2s!important}.header-cat-btn:hover{color:var(--primary-color)!important;background:#f1f5f9!important;border-color:#cbd5e1!important}.header-cat-btn svg{margin-right:4px}.logo-icon{background-color:var(--primary-color);border-radius:4px;width:24px;height:24px;margin-right:.5rem;position:relative;overflow:hidden}.logo-icon:after{content:"";background-color:var(--bg-white);border-radius:50% 50% 0;width:12px;height:12px;position:absolute;top:6px;left:6px}.logo-text.alibaba-brand{color:#000;letter-spacing:-1.2px;text-transform:lowercase;font-size:1.8rem;font-weight:800}.brand-orange{color:var(--primary-color);margin-right:2px;font-size:2.2rem;font-style:italic}.action-item{color:#111827;white-space:nowrap;align-items:center;gap:.6rem;font-size:.85rem;transition:all .2s;display:flex}.action-item svg{color:currentColor}.btn-reset{font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.action-item.sign-in{color:var(--text-dark);font-weight:500}.action-item:not(.notifications-dropdown-wrapper):hover{color:var(--primary-color);background:#f8fafc;border-radius:8px}.notifications-dropdown-wrapper:hover{opacity:1}.btn-create-account{background-color:var(--primary-color);color:var(--bg-white);border-radius:20px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .2s}.btn-create-account:hover{background-color:var(--clr-accent)}.user-profile-dropdown-container{cursor:pointer;z-index:1001;position:relative}.user-profile-trigger{-webkit-user-select:none;user-select:none;border:1px solid #f1f5f9;border-radius:30px;padding:6px 14px;transition:background .2s}.user-profile-dropdown-container:hover .user-profile-trigger{background:#f1f5f9}.user-avatar-small{object-fit:cover;border:1.5px solid #fff;border-radius:50%;width:32px;height:32px;box-shadow:0 2px 4px #0000001a}.user-avatar-placeholder{background:var(--primary-color,var(--primary-color));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.user-label-content{flex-direction:column;justify-content:center;display:flex}.user-role-label{text-transform:uppercase;color:#111827;letter-spacing:.5px;margin-bottom:2px;font-size:10px;font-weight:800;line-height:1}.user-name-text{color:#111827;font-size:13px;font-weight:700;line-height:1.2}.chevron-icon{color:#94a3b8;transition:transform .2s}.user-profile-dropdown-container.is-open .chevron-icon{transform:rotate(180deg)}.header-profile-dropdown{opacity:0;visibility:hidden;z-index:10000;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:320px;margin-top:12px;padding:20px;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:100%;right:0;transform:translateY(10px);box-shadow:0 20px 50px #00000026}.header-profile-dropdown.show-dropdown{opacity:1;visibility:visible;transform:translateY(0)}@media (max-width:768px){.header-profile-dropdown{width:90%;max-width:360px;position:fixed;top:20%;right:50%;transform:translate(50%)translateY(10px)}.header-profile-dropdown.show-dropdown{transform:translate(50%)translateY(0)}}.dropdown-header-info{text-align:left;padding-bottom:3px}.full-name{color:#1a1a2e;margin:0;font-size:18px;font-weight:800}.email{color:#64748b;margin:4px 0 0;font-size:13px}.dropdown-divider{background:#f1f5f9;height:1px;margin:15px -20px}.role-switcher-section{text-align:left;padding:5px 0}.section-title{text-transform:uppercase;color:#94a3b8;letter-spacing:.8px;margin-bottom:12px;font-size:11px;font-weight:800}.role-grid{flex-direction:column;gap:8px;display:flex}.role-choice-card{text-align:left;cursor:pointer;background:#fff;border:1.5px solid #f1f5f9;border-radius:12px;flex-direction:column;width:100%;padding:12px 16px;transition:all .2s;display:flex;position:relative}.role-choice-card:hover{background:#f8fafc;border-color:#cbd5e1}.role-choice-card.active{border-color:var(--primary-color);background:#0d2e6708}.role-choice-card .check-mark{background:var(--primary-color);opacity:0;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px;transform:scale(.8)}.role-choice-card.active .check-mark{opacity:1;transform:scale(1)}.role-name{color:#1a1a2e;font-size:14px;font-weight:700}.role-desc{color:#64748b;margin-top:2px;font-size:12px}.start-selling-card{background:#4f46e505;border-style:dashed;border-color:#4f46e5;text-decoration:none}.start-selling-card:hover{background:#4f46e50d;border-color:#4f46e5}.dropdown-footer-links{text-align:left;flex-direction:column;gap:4px;display:flex}.footer-link{color:#475569;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.footer-link:hover{color:var(--primary-color);background:#f1f5f9}.footer-link svg{color:#94a3b8}.footer-link:hover svg{color:var(--primary-color)}.cart-badge{background:var(--clr-accent);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:9px;font-weight:900;display:flex;position:absolute;top:-8px;right:-8px}.search-section{flex-direction:column;align-items:center;width:100%;display:flex}.search-tabs{gap:2.5rem;margin-bottom:2rem;display:flex}.search-tab{color:#000;cursor:pointer;text-align:center;background:0 0;border:none;padding-bottom:.5rem;font-size:1.3rem;font-weight:700;position:relative}.search-tab.active{color:var(--primary-color)}.search-tab.active:after{content:"";background-color:var(--primary-color);border-radius:2px;width:100%;height:2.5px;position:absolute;bottom:-2px;left:0}.search-bar-wrapper{width:100%;max-width:800px;margin-bottom:2rem;position:relative}.fixed-header-placeholder{pointer-events:none;width:100%;display:none}.is-fixed+.fixed-header-placeholder{display:block}.header{transition:transform .3s cubic-bezier(.165,.84,.44,1),background-color .3s,box-shadow .3s}.header.is-fixed{z-index:2000;animation:.35s cubic-bezier(.165,.84,.44,1) headerSlideDown;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 20px #00000014}@keyframes headerSlideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.animated-search{opacity:0;transition:all .3s;transform:translateY(-10px)}.header.is-fixed .animated-search,.search-page-header .animated-search,.product-page-header .animated-search{opacity:1;transform:translateY(0)}.compact-search-container{min-width:300px;max-width:780px;margin:0 auto}.search-history-dropdown{z-index:2000;background:#fff;border:1px solid #e5e7eb;border-radius:0 0 16px 16px;padding:16px 0 8px;animation:.2s cubic-bezier(.4,0,.2,1) fadeInHistory;position:absolute;top:calc(100% - 10px);left:0;right:0;box-shadow:0 12px 24px #0000001a}@keyframes fadeInHistory{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-history-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;padding:0 16px 12px;font-size:11px;font-weight:700}.search-history-item{cursor:pointer;color:#1f2937;align-items:center;gap:12px;padding:10px 16px;font-size:14px;transition:all .2s;display:flex}.search-history-item:hover{color:var(--primary-color);background:#f8fafc}.search-history-item svg{color:#94a3b8;opacity:.6;flex-shrink:0}.search-history-item span{font-weight:500}.search-history-item:hover svg{color:var(--primary-color);opacity:1}.search-bar{border:2px solid var(--primary-color);background:#fff;border-radius:30px;width:100%;padding:2px;transition:box-shadow .2s;display:flex}.search-bar:focus-within{box-shadow:0 0 0 4px color-mix(in srgb, var(--primary-color) 12%, transparent)}.search-input{color:#333;background:0 0;border:none;outline:none;flex:1;padding:.75rem 1.5rem;font-size:.95rem}.btn-image-search{color:#666;cursor:pointer;background:0 0;border-right:1px solid #eee;align-items:center;gap:8px;padding:0 1.2rem;font-size:.9rem;display:flex}.btn-search{background-color:var(--primary-color);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:30px;flex-shrink:0;align-items:center;gap:8px;height:100%;margin-left:.3rem;padding:.9rem 1.8rem;font-size:.95rem;font-weight:700;transition:filter .2s,transform .15s;display:flex}.btn-search:hover{filter:brightness(1.1);transform:translateY(-1px)}.top-nav.compact-layout{justify-content:space-between;align-items:center;gap:2rem;display:flex}.logo-section{flex:none;align-items:center;gap:1.5rem;min-width:0;display:flex}.nav-actions{flex:none;justify-content:flex-end;align-items:center;gap:1.5rem;min-width:0;margin-left:auto;display:flex}.compact-search-container{flex:0 500px;align-items:center;min-width:200px;max-width:500px;margin-left:1.5rem;display:flex;position:relative}.compact-search-container .search-bar.unified,.header-search-container{width:100%}.search-tabs.small{margin-bottom:.5rem}.search-tabs.small .search-tab{font-size:.9rem;font-weight:500}.search-bar.unified{border:2.5px solid var(--clr-accent);background:#fff;border-radius:30px;height:52px;padding:1px;transition:box-shadow .2s;box-shadow:0 2px 10px #0000000d}.search-bar.unified:focus-within{box-shadow:0 0 0 4px #ff6a001f}.search-bar.unified .search-input{padding:0 1.5rem;font-size:.95rem}.search-bar.unified .btn-image-search{border-left:1px solid #eee;height:24px;padding:0 .8rem;font-size:.8rem}.search-bar.unified .btn-search.alibaba-style,.search-bar.unified .btn-search.dynamic-gradient-style{background:var(--clr-accent);color:#fff;cursor:pointer;border:none;border-radius:25px;height:44px;margin:3px;padding:0 2rem;font-size:1rem;font-weight:700;transition:filter .2s;box-shadow:0 4px 15px #ff6a004d}.search-bar.unified .btn-search.alibaba-style:hover,.search-bar.unified .btn-search.dynamic-gradient-style:hover{filter:brightness(1.1)}.search-page-tabs{border-bottom:1px solid #e5e5e5;margin-bottom:0;padding:0 4rem}.header.search-page-header{padding-bottom:0}.header.search-page-header .container{padding:2rem 4rem}.search-page-tab{color:#666;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-right:2rem;padding:1rem 0;font-size:1.1rem;font-weight:500;transition:all .2s;position:relative;top:1px}.search-page-tab:hover{color:#111}.search-page-tab.active{color:#111;border-bottom-color:#111;font-weight:700}.bottom-nav{z-index:900;background-color:#fff;border-top:1px solid #d6e4ff;border-bottom:1px solid #d6e4ff;padding:.25rem 0;position:static;overflow:visible}.icon-badge-container{cursor:pointer;color:#333;position:relative}.icon-badge-container .badge,.badge-chat{background:var(--primary-color);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:9px;font-weight:900;line-height:1;display:flex;position:absolute;top:-8px;right:-12px}.notifications-dropdown-wrapper:hover .notifications-dropdown{display:block}.notifications-dropdown{z-index:10000;border:1px solid #eef2f6;border-radius:20px;width:380px;margin-top:15px;animation:.2s cubic-bezier(.16,1,.3,1) dropdownFadeIn;display:none;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 40px #0000001f;opacity:1!important;background:#fff!important}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.cart-dropdown-wrapper .notifications-dropdown{background:#fff;width:380px;animation:.3s cubic-bezier(.16,1,.3,1) dropdownFadeIn;border:1px solid #f1f5f9!important;border-radius:24px!important;padding:0!important;top:calc(100% + 12px)!important;right:0!important;overflow:hidden!important;box-shadow:0 25px 60px #0000001f,0 5px 15px #0000000d!important}.cart-dropdown-wrapper .dropdown-header{background:#fff;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;border-bottom:1px solid #f1f5f9!important}.cart-dropdown-wrapper .dropdown-header span{letter-spacing:-.02em;color:#0f172a!important;font-size:17px!important;font-weight:800!important}.cart-count-pill{color:#475569;background:#f1f5f9;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:700}.cart-dropdown-list{max-height:380px;padding:12px 0;overflow-y:auto}.cart-dropdown-list::-webkit-scrollbar{width:4px}.cart-dropdown-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.cart-dropdown-item{gap:16px;padding:12px 24px;text-decoration:none;transition:all .2s;display:flex;border-bottom:none!important}.cart-dropdown-item:hover{background:#f8fafc}.cart-item-img-container{background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;padding:6px;display:flex;overflow:hidden}.cart-item-img-container img{object-fit:contain;max-width:100%;max-height:100%;transition:transform .3s}.cart-dropdown-item:hover .cart-item-img-container img{transform:scale(1.1)}.cart-item-info{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.cart-item-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:14px;font-weight:700;overflow:hidden}.cart-item-meta{justify-content:space-between;align-items:center;display:flex}.cart-item-price-val{color:#0f172a;font-size:15px;font-weight:800}.cart-item-quantity-pill{color:#64748b;background:#f1f5f9;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.cart-dropdown-footer{background:#fafbfc;border-top:1px solid #f1f5f9;padding:20px 24px 24px}.cart-subtotal-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.subtotal-label{color:#64748b;font-size:14px;font-weight:600}.subtotal-value{color:#0f172a;font-size:18px;font-weight:800}.btn-cart-checkout{background:var(--primary-color,#0d2e67);color:#fff;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 10px 25px #0d2e6726}.btn-cart-checkout:hover{background:#1a4ab0;transform:translateY(-2px);box-shadow:0 12px 30px #0d2e6733}.cart-empty-state{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:60px 40px;display:flex}.cart-empty-icon{filter:grayscale();opacity:.2;margin-bottom:8px;font-size:56px}.cart-empty-title{color:#475569;font-size:16px;font-weight:700}.cart-empty-msg{color:#94a3b8;font-size:13px;line-height:1.5}.notifications-dropdown:before{content:"";background:0 0;width:100%;height:15px;position:absolute;top:-15px;right:0}.notifications-dropdown:after{content:"";background:#fff;border-top:1px solid #e2e8f0;border-left:1px solid #e2e8f0;width:12px;height:12px;position:absolute;top:-6px;right:15px;transform:rotate(45deg)}.dropdown-header{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding:20px 22px 16px;display:flex}.dropdown-header span{color:#1a1a2e;padding-left:2px;font-size:15px;font-weight:800;line-height:1.2}.dropdown-header button{color:var(--primary-color,#0d2e67);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:12px;font-weight:700;transition:background .15s}.dropdown-header button:hover{background:#f1f5f9}.dropdown-list{max-height:400px;overflow-y:auto}.dropdown-list::-webkit-scrollbar{width:6px}.dropdown-list::-webkit-scrollbar-track{background:0 0}.dropdown-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.dropdown-item{border-bottom:1px solid #f8fafc;padding:16px 20px;text-decoration:none;transition:all .2s;display:block}.dropdown-item:hover{background:#f8fafc}.dropdown-item.unread{background:#f0f4ff}.item-title{color:#1a1a2e;margin-bottom:4px;font-size:13px;font-weight:800}.item-message{color:#64748b;font-size:12px;line-height:1.4}.item-time{color:#94a3b8;margin-top:8px;font-size:10px}.empty-dropdown{text-align:center;color:#94a3b8;padding:30px;font-size:13px}.view-all-link{text-align:center;color:var(--primary-color);background:#fff;border-top:1px solid #f1f5f9;padding:14px;font-size:13px;font-weight:800;text-decoration:none;transition:all .2s;display:block}.view-all-link:hover{letter-spacing:.2px;background:#f8fafc}.bottom-nav .container{padding:.25rem 2rem!important}.bottom-links.secondary{gap:0}.bottom-secondary-link{color:#333;padding:0 1rem;font-size:.875rem;font-weight:700;text-decoration:none;transition:color .2s}.bottom-secondary-link:hover{color:var(--primary-color)}.bottom-secondary-link svg{color:#666}.bottom-secondary-link.active{color:#000}.separator{color:#ddd;font-size:.8rem}.bottom-link{color:#000;font-size:.95rem;font-weight:700;text-decoration:none}.nav-link-btn{cursor:pointer;color:#000;background:0 0;border:none;border-bottom:2px solid #0000;padding:.5rem 0;font-size:.95rem;font-weight:700;transition:all .2s;position:relative}.nav-link-btn:after{content:"";z-index:5;background:0 0;height:12px;position:absolute;bottom:-12px;left:0;right:0}.nav-link-btn:hover,.nav-link-btn.active{border-bottom-color:var(--primary-color);color:var(--primary-color)}.help-center-wrapper:hover .help-center-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.help-center-dropdown{z-index:1000;opacity:0;visibility:hidden;background:#fff;border:1px solid #e1e7ef;border-radius:12px;width:250px;margin-top:8px;padding:1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:100%;right:0;transform:translateY(10px);box-shadow:0 10px 40px #0000001f}.help-center-dropdown:before{content:"";background:0 0;height:15px;position:absolute;top:-10px;left:0;right:0}.help-center-cards{flex-direction:column;gap:6px;padding:0 12px 12px;display:flex}.help-center-card{color:#334155;background:#fff;border:1px solid #f1f5f9;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;transition:all .2s;display:flex}.help-center-card:hover{color:#1a1a2e;background:#f8fafc;border-color:#e2e8f0;transform:translate(2px);box-shadow:0 2px 8px #0000000f}.help-card-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.help-card-info{flex-direction:column;flex:1;gap:1px;display:flex}.help-card-name{color:#1a1a2e;font-size:13px;font-weight:700;line-height:1.2}.help-card-desc{color:#94a3b8;font-size:11px;font-weight:500}.help-compact-dropdown{z-index:9999;background:#fff;border:1px solid #e8edf5;border-radius:14px;width:260px;animation:.2s cubic-bezier(.16,1,.3,1) forwards dropdownFadeIn;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 12px 40px #0000001f,0 4px 12px #0000000f}.help-compact-dropdown:before{content:"";pointer-events:auto;height:10px;position:absolute;top:-10px;left:0;right:0}.help-dropdown-header{border-bottom:1px solid #f1f5f9;margin-bottom:4px;padding:12px 16px 8px}.help-dropdown-title{text-transform:uppercase;letter-spacing:.8px;color:#94a3b8;font-size:10px;font-weight:800}.featured-compact-dropdown{z-index:9999;background:#fff;border:1px solid #e8edf5;border-radius:14px;width:260px;animation:.2s cubic-bezier(.16,1,.3,1) forwards dropdownFadeIn;position:absolute;top:calc(100% + 10px);left:0;overflow:hidden;box-shadow:0 12px 40px #0000001f,0 4px 12px #0000000f}.featured-compact-dropdown:before{content:"";pointer-events:auto;height:10px;position:absolute;top:-10px;left:0;right:0}.featured-dropdown-header{border-bottom:1px solid #f1f5f9;margin-bottom:4px;padding:12px 16px 8px}.featured-dropdown-title{text-transform:uppercase;letter-spacing:.8px;color:#94a3b8;font-size:10px;font-weight:800}.featured-dropdown-items{flex-direction:column;gap:4px;padding:0 10px 10px;display:flex}.featured-dropdown-item{color:#334155;background:#fff;border:1px solid #f1f5f9;border-radius:10px;align-items:center;gap:12px;padding:10px;text-decoration:none;transition:all .2s;display:flex}.featured-dropdown-item:hover{color:#1a1a2e;background:#f8fafc;border-color:#e2e8f0;transform:translate(2px);box-shadow:0 2px 8px #0000000f}.featured-item-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.featured-item-info{flex-direction:column;flex:1;gap:1px;display:flex}.featured-item-name{color:#1a1a2e;font-size:13px;font-weight:700;line-height:1.2}.featured-item-desc{color:#94a3b8;font-size:11px;font-weight:500}.app-extension-wrapper:hover .app-extension-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.app-extension-dropdown{z-index:1000;opacity:0;visibility:hidden;background:#fff;border:1px solid #e1e7ef;border-radius:12px;width:100%;margin-top:8px;padding:2.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:100%;left:0;transform:translateY(10px);box-shadow:0 10px 40px #0000001f}.app-extension-dropdown:before{content:"";background:0 0;height:10px;position:absolute;top:-10px;left:0;right:0}.app-ext-container{gap:2.5rem;display:flex}.app-ext-left{flex:1.2}.app-ext-right{flex:1}.app-ext-divider{background:#eee;align-self:stretch;width:1px}.app-ext-title{color:#1a1a1a;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.app-ext-desc{color:#666;margin-bottom:1.5rem;font-size:.9rem;line-height:1.5}.app-download-content{align-items:center;gap:2rem;display:flex}.store-buttons{flex-direction:column;gap:.75rem;display:flex}.store-btn img{height:36px;display:block}.app-ext-actions{align-items:center;gap:1.5rem;display:flex}.learn-more-link{color:#333;font-size:.9rem;font-weight:500;text-decoration:underline}.learn-more-link:hover{color:var(--primary-color)}.btn-add-chrome{background:var(--primary-color,var(--primary-color));color:#fff;cursor:pointer;border:none;border-radius:25px;padding:.75rem 2rem;font-size:.9rem;font-weight:700;transition:background .2s}.btn-add-chrome:hover{background:var(--accent-hover,#09214d)}@keyframes megaMenuFadeIn{0%{opacity:0;transform:translateY(12px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.mega-menu{z-index:9999;background:#fff;border:1px solid #e8edf5;border-radius:16px;width:1100px;max-width:calc(100vw - 20px);margin-top:0;animation:.22s cubic-bezier(.16,1,.3,1) forwards megaMenuFadeIn;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 16px 48px #0d2e6729,0 4px 16px #00000012}.mega-menu:before{content:"";pointer-events:auto;height:14px;position:absolute;top:-14px;left:0;right:0}.mega-menu.featured-mega{width:1100px;left:0}.mega-menu.help-mega{width:1100px;left:auto;right:0}.nav-item-wrapper{position:relative}.all-categories-wrapper,.featured-selections-wrapper,.help-center-wrapper,.app-extension-wrapper{position:relative!important}.top-nav-categories .mega-menu{width:1100px;top:calc(100% + 15px);left:-120px}.featured-mega .mega-menu-container,.help-mega .mega-menu-container{height:400px}.mega-menu.cat-list-only .mega-menu-container{height:auto;max-height:400px}.mega-menu-left.full-width{background:#fff;border-right:none;width:100%;padding:.75rem 0}.cat-list-only .category-item{cursor:pointer}.cat-list-only .category-list{grid-template-columns:repeat(3,1fr);display:grid}.mega-menu-left{scrollbar-width:thin;scrollbar-color:#c8c8c8 transparent;background:#f7f8f9;border-right:1px solid #e5e5e5;flex-shrink:0;width:260px;height:100%;padding:.5rem 0;overflow:hidden auto}.menu-header{color:#666;padding:0 1.5rem 1rem}.menu-title-main{font-size:.95rem;font-weight:500}.category-list{padding:0;list-style:none}.category-item{cursor:pointer;color:#444;border-left:3px solid #0000;padding:1rem 1.5rem;font-size:.9rem;transition:all .2s}.category-item.active{border-left-color:var(--primary-color,var(--primary-color));color:#000;background:#fff;font-weight:700}.category-item:hover:not(.active){background:#f1f5f9}.cat-icon-wrapper{background:#f1f5f9;border:1px solid #e2e8f0;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;display:flex;overflow:hidden;border-radius:50%!important}.cat-menu-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.mega-menu-right{background:#fff;flex:1;height:100%;position:relative;overflow:hidden}.active-cat-title{color:#000;font-size:1.25rem;font-weight:700}.browse-link{color:#1a73e8;font-size:.85rem;text-decoration:none}.browse-link:hover{text-decoration:underline}.mega-menu-scroll-area{scroll-behavior:auto;box-sizing:border-box;height:100%;padding:1rem;overflow-y:auto}.mega-menu-scroll-area::-webkit-scrollbar{width:4px}.mega-menu-scroll-area::-webkit-scrollbar-track{background:0 0}.mega-menu-scroll-area::-webkit-scrollbar-thumb{background:#dfdfdf;border-radius:10px}.mega-category-section{margin-bottom:3.5rem}.mega-product-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:1.25rem 1rem;margin-top:1.5rem;display:grid}.product-badge-mini{z-index:2;background:#fff;border:1px solid #f0f0f0;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 5px #0000001a}.alibaba-cat-item{text-align:center;cursor:pointer;background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:1.25rem .5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #00000005}.alibaba-cat-item:hover{border-color:var(--primary-color);transform:translateY(-5px);box-shadow:0 10px 20px -5px #0000001a}.alibaba-cat-img-wrapper{background:#f7f7f7;border:1px solid #f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;max-height:100px;margin:0 auto 12px;display:flex;overflow:hidden}.alibaba-cat-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.alibaba-cat-name{color:#333;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;height:2.1rem;padding:0 4px;font-size:.85rem;font-weight:500;line-height:1.25;display:-webkit-box;overflow:hidden}.alibaba-cat-item{text-decoration:none;display:block}.alibaba-cat-grid{grid-template-columns:repeat(6,1fr);gap:1.5rem 1rem;display:grid}.bottom-nav .mega-menu{top:calc(100% + 18px);box-shadow:0 24px 60px #0d2e672e,0 4px 16px #00000014}.bottom-nav .mega-menu:before{height:24px;top:-24px}.mega-menu-container{height:520px;display:flex;overflow:hidden}.mega-menu-left{background:#f7f9fc;border-right:1px solid #edf0f5;flex-shrink:0;width:270px;padding:12px 0;overflow:hidden auto}.mega-menu-left::-webkit-scrollbar{width:3px}.mega-menu-left::-webkit-scrollbar-track{background:0 0}.mega-menu-left::-webkit-scrollbar-thumb{background:#d4dae6;border-radius:8px}.category-list{flex-direction:column;gap:2px;margin:0;padding:4px 10px;list-style:none;display:flex}.category-item{color:#4b5563;cursor:pointer;border:1.5px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:11px 14px;font-size:13.5px;font-weight:500;transition:all .18s;display:flex;position:relative}.category-item:hover{color:#1a1a2e;background:#fff;border-color:#e8edf5;box-shadow:0 2px 8px #0000000f}.category-item.active{color:var(--primary-color,#0d2e67);background:#fff;border-color:#0d2e6726;font-weight:700;box-shadow:0 2px 10px #0d2e6714}.category-item.active:before{content:"";background:var(--primary-color,#0d2e67);border-radius:0 3px 3px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.cat-icon-wrapper{background:#fff;border:1px solid #e8edf5;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex;overflow:hidden}.category-item:hover .cat-icon-wrapper{border-color:#d4dae6;box-shadow:0 2px 6px #0000000f}.category-item.active .cat-icon-wrapper{background:#0d2e670a;border-color:#0d2e6733}.cat-menu-img{object-fit:cover;width:100%;height:100%;transition:transform .2s}.category-item:hover .cat-menu-img{transform:scale(1.08)}.cat-icon-wrapper svg{color:#64748b;width:17px;height:17px;transition:all .2s}.category-item:hover .cat-icon-wrapper svg,.category-item.active .cat-icon-wrapper svg{color:var(--primary-color,#0d2e67)}.cat-title-text{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13.5px;line-height:1.3;overflow:hidden}.mega-menu-right{background:#fff;flex:1;padding:28px 40px 24px;overflow-y:auto}.mega-menu-right::-webkit-scrollbar{width:5px}.mega-menu-right::-webkit-scrollbar-track{background:0 0}.mega-menu-right::-webkit-scrollbar-thumb{background:#d4dae6;border-radius:8px}.mega-menu-title-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.active-cat-title{color:#0f172a;letter-spacing:-.03em;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:800;display:flex}.active-cat-title:before{content:"";background:var(--primary-color,#0d2e67);border-radius:4px;flex-shrink:0;width:4px;height:18px;display:inline-block}.browse-link-alibaba{color:var(--primary-color,#0d2e67);white-space:nowrap;border:1.5px solid #0d2e6733;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:7px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.browse-link-alibaba:hover{background:var(--primary-color,#0d2e67);color:#fff;border-color:var(--primary-color,#0d2e67);box-shadow:0 4px 12px #0d2e6733}.subcategory-grid{grid-template-columns:repeat(5,1fr);gap:20px 14px;padding:4px 0 32px;display:grid}.subcategory-group-circular{width:100%}.subcategory-circular-link{border:1.5px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:12px 8px;text-decoration:none;transition:all .25s cubic-bezier(.2,0,0,1);display:flex}.subcategory-circular-link:hover{background:#f7f9fc;border-color:#e8edf5;transform:translateY(-3px);box-shadow:0 8px 20px #00000012}.sub-cat-circle-img{background:#f8fafc;border:2px solid #edf0f5;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;transition:all .3s cubic-bezier(.2,0,0,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.sub-cat-circle-img img{object-fit:cover;border-radius:50%;width:100%;height:100%;transition:transform .35s cubic-bezier(.2,0,0,1)}.subcategory-circular-link:hover .sub-cat-circle-img{border-color:#c7d2e8;box-shadow:0 6px 20px #0d2e671f}.subcategory-circular-link:hover .sub-cat-circle-img img{transform:scale(1.08)}.subcategory-circular-title{color:#374151;text-align:center;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-height:36px;padding:0 4px;font-size:12.5px;font-weight:600;line-height:1.4;transition:color .2s;display:-webkit-box;overflow:hidden}.subcategory-circular-link:hover .subcategory-circular-title{color:var(--primary-color,#0d2e67);font-weight:700}.mb-6{margin-bottom:2.5rem}.no-subcategories{text-align:center;color:#64748b;background:linear-gradient(135deg,#f7f9fc 0%,#eef3fb 100%);border:1.5px dashed #d4dae6;border-radius:16px;grid-column:1/-1;padding:3rem 2rem;font-weight:600}.parent-hint{color:#94a3b8;margin-top:-4px;font-size:.75rem;font-weight:500;display:block}.subcategory-group:hover .parent-hint{color:var(--primary-color)}.featured-mega{width:100%;padding:2.5rem 3rem;left:0}.mega-cards-container{width:100%}.featured-cards-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;width:100%;display:grid}.featured-selection-card{border:1px solid var(--border-color);text-align:center;cursor:pointer;background:#fff;border-radius:12px;padding:1.25rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.featured-selection-card:hover{border-color:var(--primary-color);transform:translateY(-5px);box-shadow:0 8px 25px #0000000f}.featured-selection-card{text-decoration:none;display:block}.card-icon-circle{background:#f8fafc;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto .75rem;font-size:1.25rem;display:flex}.card-text{color:var(--text-dark);margin-bottom:.5rem;font-weight:700}.card-subtext{color:var(--text-muted);font-size:.85rem;line-height:1.4}.secondary a:hover{color:var(--text-dark)}.rfq-pill{color:var(--text-dark)!important;font-weight:800!important}.bottom-link{color:var(--text-dark);padding:.5rem .25rem;font-size:.9rem;text-decoration:none}@media (min-width:1025px){.ml-auto-desktop{margin-left:auto!important}}.d-flex{display:flex}.align-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}.gap-6{gap:2.5rem}.gap-8{gap:3.5rem}.gap-10{gap:4.5rem}.font-medium{font-weight:500}.text-dark{color:var(--text-dark)}.w-100{width:100%}@media (max-width:1024px){.container{padding:0 2rem}.top-nav{padding:1.5rem 2rem}.search-section{padding:1.5rem 0}.search-tabs{scrollbar-width:none;justify-content:flex-start;width:100%;padding-bottom:.5rem;padding-left:1rem;overflow-x:auto}.search-tabs::-webkit-scrollbar{display:none}.search-tab{white-space:nowrap}.search-bar-wrapper{padding:0 1rem}.btn-image-search span{display:none}.bottom-nav{background:#fff!important;border-top:1px solid #f0f4f8!important;padding:0!important;overflow:visible!important}.bottom-nav .container{padding:0 12px!important}.bottom-nav .container>div{justify-content:flex-start!important;width:100%!important}.bottom-links{scrollbar-width:none;width:100%;padding:8px 0;overflow-x:auto;flex-wrap:nowrap!important;gap:0!important}.bottom-links::-webkit-scrollbar{display:none}.nav-link-btn,.bottom-link{margin-bottom:0;margin-right:8px;transition:all .2s;white-space:nowrap!important;color:#1a2e55!important;background:#fff!important;border:1.5px solid #e0e7ef!important;border-radius:22px!important;align-items:center!important;gap:5px!important;padding:7px 14px!important;font-size:.82rem!important;font-weight:700!important;display:inline-flex!important}.nav-item-wrapper{flex-shrink:0}.rfq-pill,.bottom-link[href*=rfq],.bottom-links>a[href*=rfq]{color:#1a2e55!important;background:#fff!important;border-color:#e0e7ef!important;padding-left:14px!important;padding-right:14px!important}.nav-link-btn:hover,.nav-link-btn.active{border-color:var(--primary-color)!important;color:var(--primary-color)!important;background:#f0f4ff!important}.mega-menu{z-index:9999!important;background:#fff!important;border:none!important;border-radius:20px 20px 0 0!important;width:100%!important;max-height:80vh!important;margin-top:0!important;padding-top:16px!important;position:fixed!important;inset:auto 0 0!important;overflow:hidden!important;box-shadow:0 -8px 40px #00000026!important}.mega-menu:after{content:"";pointer-events:none;background:#e0e7ef;border-radius:4px;width:40px;height:4px;display:block;position:absolute;top:8px;left:50%;transform:translate(-50%)}.mega-menu-container{flex-direction:column!important;height:calc(80vh - 32px)!important;padding-top:0!important;display:flex!important;overflow:hidden!important}.mega-menu-left{flex:1;background:#fff!important;border-bottom:none!important;border-right:none!important;width:100%!important;min-width:100%!important;height:100%!important;padding:0!important;overflow:hidden auto!important}.mega-menu-right{display:none!important}.category-list{flex-direction:column!important;gap:0!important;padding:0 0 60px!important;display:flex!important}.category-item{cursor:pointer;transition:background .15s;text-align:left!important;white-space:normal!important;color:#1a202c!important;min-height:unset!important;background:0 0!important;border:none!important;border-bottom:1px solid #f1f5f9!important;border-radius:0!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding:16px 20px!important;font-size:.95rem!important;display:flex!important}.category-item:hover{background:#f8fafc!important}.category-item.active{color:#1a202c!important;background:#fff!important;border-left:none!important;font-weight:400!important}.category-item:after{content:"";background:0 0;border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;width:20px;min-width:20px;height:20px;display:inline-block}.category-item.active:after{background:0 0;border-color:#1a202c;box-shadow:inset 0 0 0 4px #fff,inset 0 0 0 10px #1a202c}.cat-icon-wrapper{display:none!important}.cat-title-text{color:inherit;flex:1;font-size:.95rem!important;line-height:1.4!important}.alibaba-cat-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px 12px!important}.alibaba-cat-img-wrapper{width:100%!important;max-width:90px!important;height:90px!important;margin:0 auto 8px!important}.alibaba-cat-item{text-align:center!important;padding:0 4px!important}.alibaba-cat-name{font-size:.8rem!important;line-height:1.3!important;display:block!important}.featured-cards-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.featured-selection-card{padding:14px!important}.card-icon-circle{width:44px!important;height:44px!important;font-size:1.5rem!important}.card-text{font-size:.85rem!important}.card-subtext{font-size:.72rem!important}.mega-cards-container{padding:14px 14px 24px!important}.bottom-links.secondary{display:flex}.btn-create-account{display:none}}@media (max-width:480px){.header{position:relative!important}.top-nav{flex-direction:column!important;align-items:center!important;gap:.75rem!important;padding:.75rem!important}.logo-section{flex:none!important;justify-content:center!important;width:100%!important;min-width:0!important}.alibaba-logo-svg svg{width:180px!important;height:auto!important}.compact-search-container,.search-bar-wrapper{width:100%!important;margin:0!important;padding:0 10px!important}.search-bar.unified,.search-bar:not(.unified){width:100%!important;height:46px!important}.search-bar .search-input{padding:0 .75rem!important;font-size:.85rem!important}.btn-search.alibaba-style,.search-bar .btn-search{border-radius:20px!important;flex-shrink:0!important;gap:4px!important;height:38px!important;padding:0 1rem!important;font-size:.85rem!important}.search-section{padding:.75rem 0!important}.search-tabs{scrollbar-width:none;justify-content:center;overflow-x:auto;gap:10px!important;width:100%!important;margin-bottom:10px!important;padding:0 12px!important}.search-tabs::-webkit-scrollbar{display:none}.search-tab{white-space:nowrap!important;padding-bottom:4px!important;font-size:.82rem!important}}@media (max-width:375px){.alibaba-logo-svg svg{width:160px!important}.btn-search.alibaba-style span{display:none!important}.search-tab{font-size:.78rem!important}.search-tabs{gap:8px!important}.alibaba-cat-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:320px){.alibaba-logo-svg svg{width:140px!important}.top-nav{padding:.5rem!important}.search-tab{font-size:.72rem!important}}.bottom-nav.my-3.search-bottom-nav{background:#fff;border-top:1px solid #80808026;border-bottom:1px solid #80808026}.search-page-tabs.container.d-flex.align-center.gap-6{padding-top:0;padding-bottom:0}@media (max-width:425px){.header-fixed-padding{padding-top:10px}.dashboard-fixed-padding{padding-top:0}}.location-dropdown-wrapper{z-index:1002;position:relative;opacity:1!important}.location-trigger{border-radius:6px;padding:6px 12px;transition:all .2s}.location-trigger:hover{background:#f1f5f9}.location-trigger strong{color:#1a1a2e}.chevron-icon{transition:transform .2s}.chevron-icon.rotate{transform:rotate(180deg)}.location-dropdown-menu{z-index:10005;border:1px solid #e2e8f0;border-radius:16px;width:360px;margin-top:12px;padding:24px;animation:.2s ease-out slideDown;position:absolute;top:100%;left:0;box-shadow:0 15px 50px #0d2e6726;white-space:normal!important;background-color:#fff!important}@media (max-width:768px){.location-dropdown-menu{width:90%;max-width:360px;margin-top:0;position:fixed;top:20%;left:50%;transform:translate(-50%)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.location-title{color:#1a1a2e;margin-bottom:8px;font-size:18px;font-weight:700}.location-subtitle{color:#64748b;margin-bottom:0;font-size:14px;line-height:1.5}.current-address-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:16px 20px}.address-info strong{color:#1a1a2e;margin-bottom:6px;font-size:15px;display:block}.address-info p{color:#475569;margin:0;font-size:14px;line-height:1.6}.location-links{align-items:center;gap:12px;display:flex}.location-link{color:#1a1a2e;font-size:14px;font-weight:700;text-decoration:underline;transition:color .2s}.location-link:hover{color:var(--primary-color)}.location-links .divider{color:#cbd5e1}.location-separator{text-align:center;align-items:center;margin-bottom:24px;display:flex}.location-separator:before,.location-separator:after{content:"";border-bottom:1px solid #e2e8f0;flex:1}.location-separator span{color:#94a3b8;background:#fff;padding:0 12px;font-size:13px}.location-form{flex-direction:column;gap:16px;display:flex}.custom-select-wrapper-react .select-container-react{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;min-height:64px;transition:all .2s;position:relative}.custom-select-wrapper-react .select-container-react:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.flag-icon-overlay{color:#64748b;pointer-events:none;z-index:2;font-size:20px;font-weight:800;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.rs-select__control{box-shadow:none!important;background:0 0!important;border:none!important}.rs-select__menu{z-index:10010!important;border:1px solid #e2e8f0!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 10px 40px #0000001a!important}.btn-location-save{color:#fff;cursor:pointer;border:none;border-radius:26px;width:100%;height:52px;font-size:16px;font-weight:700;transition:all .2s;background-color:var(--primary-color)!important}.btn-location-save:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #0d2e6733}.btn-location-save:active{transform:translateY(0)}.login-prompt-location{text-align:center;cursor:pointer;background-color:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;margin-bottom:24px;padding:20px;transition:all .2s}.login-prompt-location:hover{border-color:var(--primary-color);background-color:#f1f5f9}.login-prompt-location p{color:#64748b;margin:0;font-size:14px;font-weight:600}.no-address-prompt p{color:#64748b;margin:0;font-size:13px}.bottom-nav{background-color:#f8fafc;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;padding:10px 0}.ai-header-tab-bar{background:#fff;border-bottom:1px solid #e5e7eb;padding:.7rem 2rem}.ai-header-tabs{align-items:center;gap:4px;max-width:1240px;margin:0 auto;display:flex}.ai-header-tab{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:6px 6px 0 0;padding:12px 16px;font-size:14px;font-weight:600;transition:color .2s,background .2s;position:relative}.ai-header-tab:hover{color:#0f2d6e;background:#0f2d6e0a}.ai-header-tab.active{color:#0f2d6e}.ai-header-tab.active:after{content:"";background:#0f2d6e;border-radius:2px 2px 0 0;height:2.5px;position:absolute;bottom:-1px;left:0;right:0}@media (max-width:768px){.ai-header-tab-bar{scrollbar-width:none;padding:0 1rem;overflow-x:auto}.ai-header-tab-bar::-webkit-scrollbar{display:none}.ai-header-tabs{gap:0}.ai-header-tab{padding:10px 12px;font-size:13px}}@media (min-width:768px) and (max-width:1024px){.top-nav{min-height:60px;padding:.5rem 20px!important}.nav-actions{gap:10px!important;display:flex!important}.user-utility-actions{gap:12px!important}.location-trigger span:not(.icon){text-overflow:ellipsis;white-space:nowrap;max-width:60px;font-size:12px;overflow:hidden}.action-item.language span:last-of-type{text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-size:12px;overflow:hidden}.user-label-content{display:none!important}.sign-in,.btn-create-account{padding:6px 10px!important;font-size:12px!important}.search-section.container{padding:8px 20px!important}.search-tabs{gap:12px!important}.search-tab{padding:6px 8px!important;font-size:14px!important}.search-bar{height:44px!important}.search-input{font-size:14px!important}.btn-search{padding:.6rem 1.4rem!important;font-size:14px!important}.bottom-nav,.bottom-nav.d-none-mobile{display:block!important}.bottom-nav .container{flex-wrap:wrap;gap:4px;padding:0 20px!important}.logo-section img,.alibaba-logo-svg svg{width:auto!important;height:32px!important}.alibaba-logo-svg text{font-size:24px!important}.top-nav-categories .header-cat-btn{padding:7px 12px!important;font-size:13px!important}.d-none-mobile{display:flex!important}.top-nav.compact-layout{gap:1rem!important;padding:.5rem 16px!important}.top-nav.compact-layout .top-nav-categories{display:none!important}.compact-search-container{flex:auto!important;min-width:0!important;max-width:none!important;margin-left:.5rem!important;margin-right:.5rem!important}.compact-search-container .search-bar.unified{width:100%!important;height:44px!important}.compact-search-container .search-input{padding:0 1rem!important;font-size:14px!important}.compact-search-container .btn-search{height:36px!important;padding:0 1rem!important;font-size:14px!important}.top-nav.compact-layout .nav-actions{flex-shrink:0;gap:8px!important}.top-nav.compact-layout .location-trigger span:not(.icon),.top-nav.compact-layout .location-trigger .chevron-icon,.top-nav.compact-layout .action-item.language>span:not(.icon),.top-nav.compact-layout .action-item.language .chevron-icon{display:none!important}}@media (max-width:767px){.top-nav{min-height:unset!important;align-items:center!important;gap:8px!important;padding:8px 12px!important;display:flex!important}.logo-section{flex-shrink:0;max-width:90px}.logo-section img,.alibaba-logo-svg svg{width:auto!important;height:28px!important}.alibaba-logo-svg text{font-size:20px!important}.compact-search-container{flex:1!important;margin:0!important;padding:0!important}.compact-search-container .search-bar,.search-bar{box-shadow:none!important;background:#f4f4f4!important;border:none!important;border-radius:22px!important;gap:4px!important;height:38px!important;padding:0 4px 0 12px!important}.search-input,.compact-search-container input[type=text]{background:0 0!important;border:none!important;height:100%!important;padding:0!important;font-size:13px!important}.btn-image-search{flex-shrink:0;color:#555!important;background:0 0!important;border:none!important;padding:0 6px!important}.btn-search,.compact-search-container .btn-search{flex-shrink:0;color:#fff!important;background:#1a2e55!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:34px!important;min-width:34px!important;height:34px!important;padding:0!important;display:flex!important}.btn-search span,.btn-search .search-btn-text,.nav-actions{display:none!important}.search-section{border-bottom:1px solid #eee;padding:0!important}.search-tabs{border-bottom:none!important;justify-content:flex-start!important;gap:0!important;padding:0 4px!important}.search-tab{white-space:nowrap;transition:all .2s;color:#64748b!important;background:0 0!important;border:none!important;border-bottom:2.5px solid #0000!important;border-radius:0!important;padding:10px 14px!important;font-size:14px!important;font-weight:500!important}.search-tab.active,.search-tab[style*="borderBottom: 2px solid"]{color:#111!important;border-bottom-color:#111!important;font-weight:700!important}.search-bar-wrapper{display:none!important}.bottom-nav{background:#fff!important;border-top:1px solid #f0f0f0!important;border-bottom:1px solid #f0f0f0!important;padding:0!important;overflow:visible!important}.bottom-nav .container{padding:0!important}.bottom-links{scrollbar-width:none;align-items:center;width:100%;flex-flow:row!important;gap:0!important;padding:0 12px!important;display:flex!important;overflow:auto visible!important}.bottom-links::-webkit-scrollbar{display:none}.nav-link-btn,.bottom-link{text-decoration:none;color:#333!important;white-space:nowrap!important;background:0 0!important;border:none!important;border-bottom:2px solid #0000!important;border-radius:0!important;align-items:center!important;gap:4px!important;margin:0!important;padding:10px 12px!important;font-size:13px!important;font-weight:500!important;display:inline-flex!important}.nav-link-btn svg{display:none!important}.nav-link-btn:hover,.nav-link-btn.active{color:#111!important;background:0 0!important;border-color:#0000 #0000 #111!important}.rfq-pill,.bottom-links>a[href*=rfq]{color:#333!important;background:0 0!important;border-color:#0000!important;font-weight:500!important}.mob-quick-actions{scrollbar-width:none;background:#fff;border-bottom:1px solid #f0f0f0;gap:10px;padding:10px 12px;overflow-x:auto;display:flex!important}.mob-quick-actions::-webkit-scrollbar{display:none}.mob-qa-card{white-space:nowrap;color:#1a202c;background:#fff;border:none;border-radius:12px;flex-shrink:0;align-items:center;gap:8px;padding:8px 14px;font-size:11px;font-weight:700;text-decoration:none;display:flex;box-shadow:0 2px 8px #0000000a}.mob-qa-card-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.help-center-dropdown,.app-extension-dropdown,.featured-mega{display:none!important}.header{padding-bottom:0!important}.search-section.container{max-width:100%!important;padding:0!important}}.categories-portal{z-index:10002;background:#fff;flex-direction:column;width:100vw;height:100vh;animation:.3s cubic-bezier(.4,0,.2,1) portalSlideUp;display:flex;position:fixed;top:0;left:0}@keyframes portalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.portal-header{background:#fff;border-bottom:1px solid #f1f3f7;justify-content:space-between;align-items:center;min-height:56px;padding:10px 16px;display:flex}.portal-back-btn{cursor:pointer;color:#1a202c;background:0 0;border:none;align-items:center;padding:8px;display:flex}.portal-title{color:#1a202c;font-size:20px;font-weight:800;position:absolute;left:50%;transform:translate(-50%)}.portal-help-btn{color:#64748b;background:0 0;border:none;align-items:center;padding:8px;display:flex}.portal-main{flex:1;display:flex;overflow:hidden}.portal-sidebar{background:#f1f5f9;border-right:1px solid #e2e8f0;width:110px;overflow-y:auto}.portal-sidebar-item{color:#64748b;text-align:center;cursor:pointer;border-left:3px solid #0000;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;font-size:11.5px;font-weight:500;line-height:1.3;display:flex}.portal-sidebar-item.active{color:#1a202c;background:#fff;border-left-color:#ff6535;font-weight:700}.portal-sidebar-icon-wrap{justify-content:center;align-items:center;width:24px;height:24px;margin-bottom:2px;display:flex}.portal-sidebar-icon-wrap img{opacity:.7;max-width:100%;max-height:100%}.portal-sidebar-icon-wrap svg{color:#cbd5e1}.portal-sidebar-item.active .portal-sidebar-icon-wrap img{opacity:1}.portal-sidebar-item.active .portal-sidebar-icon-wrap svg{color:#ff6535}.portal-content{background:#fff;flex:1;padding:16px;overflow-y:auto}.portal-content-title{color:#1a202c;margin-bottom:24px;font-size:16px;font-weight:800}.portal-recommendations-grid{grid-template-columns:repeat(3,1fr);gap:20px 12px;display:grid}.portal-item-card{text-align:center;flex-direction:column;align-items:center;gap:8px;text-decoration:none;display:flex}.portal-item-img-wrap{background:#f8fafc;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex;overflow:hidden}.portal-item-img-wrap img{object-fit:cover;width:100%;height:100%}.portal-item-name{color:#334155;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.portal-inspiration{border-top:1px solid #f1f3f7;margin-top:40px;padding-top:24px}.portal-inspiration-title{color:#1a202c;margin-bottom:16px;font-size:20px;font-weight:800}.featured-detail-grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:4px 2px 0;display:grid}.featured-detail-card{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:all .18s;display:flex}.featured-detail-card:hover{border-color:var(--primary-color,#0d2e67);color:var(--primary-color,#0d2e67);background:#fff;transform:translateY(-1px);box-shadow:0 4px 16px #0d2e671a}.featured-detail-icon{background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex;box-shadow:0 1px 4px #0000000f}.featured-detail-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.featured-detail-name{color:#1a1a2e;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;line-height:1.2;overflow:hidden}.featured-detail-card:hover .featured-detail-name{color:var(--primary-color,#0d2e67)}.featured-detail-desc{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}@media (max-width:768px){.location-dropdown-menu.mobile-location-modal{background-color:#fff!important;border-radius:16px!important;width:100%!important;max-width:360px!important;margin:0 auto!important;animation:.2s ease-out fadeInScale!important;display:block!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important}}
.all-products-grid{grid-template-columns:repeat(6,1fr);gap:1.25rem;display:grid}.product-item-card{cursor:pointer;background:#fff;border:1px solid #f0f0f0;border-radius:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.product-item-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000014}.p-card-img-container{aspect-ratio:1;background:#f4f6f8;border-bottom:1px solid #f0f0f0;width:100%;position:relative;overflow:hidden}.p-card-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.product-item-card:hover .p-card-img{transform:scale(1.05)}.visual-search-btn{color:#666;opacity:0;z-index:2;background:#ffffffd9;border:1px solid #0000000d;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .2s;display:flex;position:absolute;bottom:8px;left:8px;box-shadow:0 2px 8px #0000000d}.product-item-card:hover .visual-search-btn{opacity:1}.p-card-content{padding:1rem}.p-card-name{color:#333;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;height:2.8rem;margin-bottom:.5rem;font-size:.9rem;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.p-card-price{color:#222;font-size:1.15rem;font-weight:800}.p-card-moq{color:#666;margin-top:.25rem;font-size:.75rem}.verified-badge{color:#4f46e5;text-transform:uppercase;background:#eef2ff;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700}.years-vendor{color:#999;font-size:.7rem}.product-item-card{color:inherit;text-decoration:none}.btn-view-more{color:#333;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:30px;padding:.75rem 2.5rem;font-weight:700;transition:all .2s}.btn-view-more:hover{background:#f8fafc;border-color:#bbb;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.btn-view-more:active{transform:translateY(0)}.loading-spinner{border:3px solid #f3f3f3;border-top:3px solid var(--primary-color);border-radius:50%;width:30px;height:30px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:1200px){.all-products-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1024px){.all-products-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.all-products-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width:480px){.all-products-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.p-card-content{padding:.75rem}.p-card-name{height:2.4rem;font-size:.85rem}.p-card-price{font-size:1rem}}
.app-promo-section{background:#fff;padding:48px 0;position:relative}.app-promo-inner{background:#12111a;border-radius:16px;grid-template-columns:1.1fr .9fr;align-items:stretch;gap:0;display:grid;overflow:hidden}.app-promo-content{flex-direction:column;justify-content:center;padding:40px 48px;display:flex}.app-promo-tag{color:#fff;letter-spacing:1px;text-transform:uppercase;background:#ffffff1a;border:1px solid #fff3;border-radius:50px;align-items:center;gap:6px;width:fit-content;margin-bottom:20px;padding:5px 14px;font-size:11px;font-weight:700;display:inline-flex}.app-promo-tag svg{width:12px;height:12px}.app-promo-title{color:#fff;letter-spacing:-.3px;margin:0 0 10px;font-size:26px;font-weight:800;line-height:1.2}.app-highlight{color:#a78bfa}.app-promo-desc{color:#fff9;max-width:440px;margin:0 0 28px;font-size:13px;line-height:1.6}.app-features{flex-direction:column;gap:10px;margin-bottom:32px;display:flex}.app-feature{color:#ffffffd9;align-items:center;gap:10px;font-size:13px;font-weight:500;display:flex}.app-feature span:first-child{color:#a78bfa;flex-shrink:0;align-items:center;display:flex}.app-store-btns{flex-wrap:wrap;gap:12px;display:flex}.store-btn{border:1px solid #ffffff40;border-radius:10px;align-items:center;gap:10px;min-width:140px;padding:10px 20px;text-decoration:none;transition:all .2s;display:flex}.store-btn:hover{border-color:#ffffff80;transform:translateY(-2px);background:#ffffff1f!important}.store-ios,.store-android{color:#fff;background:#ffffff14}.store-text{flex-direction:column;display:flex}.store-sub{opacity:.6;text-transform:uppercase;margin-bottom:2px;font-size:10px;font-weight:600;line-height:1}.store-main{color:#fff;font-size:14px;font-weight:700;line-height:1}.app-promo-visual{justify-content:center;align-items:center;min-height:280px;padding:32px;display:flex;position:relative}.app-phone-mockup{background:#6d28d9;border:none;border-radius:36px;flex-shrink:0;width:160px;height:310px;transition:transform .4s;position:relative;overflow:hidden;box-shadow:0 0 0 8px #6d28da4d,0 24px 48px #0006}.app-promo-section:hover .app-phone-mockup{transform:translateY(-8px)}.phone-notch{z-index:10;background:#6d28da99;border-radius:50px;width:48px;height:10px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.phone-screen{background:#7c3aed;flex-direction:column;gap:8px;width:100%;height:100%;padding:28px 12px 16px;display:flex}.phone-screen-inner{flex-direction:column;flex:1;gap:8px;display:flex}.mock-header{background:#ffffff26;border-radius:8px;height:28px}.mock-search{background:#ffffff1f;border-radius:6px;height:22px}.mock-products{flex:1;grid-template-columns:1fr 1fr;gap:6px;display:grid}.mock-product-card{background:#ffffff1f;border-radius:8px;flex-direction:column;gap:4px;padding:6px;display:flex}.mock-product-img{background:#fff3;border-radius:4px;flex:1;height:48px}.mock-product-info{flex-direction:column;gap:3px;display:flex}.mock-bar{background:#ffffff40;border-radius:4px;height:5px}.mock-bar.short{background:#ffffff26;width:60%}.app-promo-custom-img{object-fit:contain;border-radius:24px;width:240px;box-shadow:0 20px 40px #0000004d}@media (max-width:1024px){.app-promo-inner{grid-template-columns:1fr}.app-promo-visual{justify-content:center;align-items:center;min-height:auto;padding:0 28px 40px;display:flex}.app-promo-content{padding:36px 28px 20px}}@media (max-width:640px){.app-promo-section{padding:32px 0}.app-promo-title{font-size:20px}.app-promo-content{padding:28px 20px 16px}.app-promo-visual{padding:0 20px 32px}.app-store-btns{flex-direction:column}}
.auth-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100000;background:#00000073;width:100vw;height:100vh;animation:.2s ease-out fadeIn;position:fixed;top:0;left:0}.auth-modal-content{box-sizing:border-box;animation:.3s cubic-bezier(.18,.89,.32,1.28) slideUp;position:relative;max-width:440px!important}.auth-modal-close{color:#666;cursor:pointer;z-index:10;background:#f5f5f5;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;line-height:1;transition:background .2s,color .2s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.auth-modal-close:hover{color:#111;background:#eee}.auth-modal-back{color:#666;cursor:pointer;z-index:10;background:#f5f5f5;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,color .2s;display:flex;position:absolute;top:1.25rem;left:1.25rem}.auth-modal-back:hover{color:#111;background:#eee}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.auth-modal-content{margin:0 auto;max-width:90%!important;padding:1.5rem!important}}