: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{background:color-mix(in srgb, var(--primary-color) 8%, #fff);border:1px solid color-mix(in srgb, var(--primary-color) 25%, transparent);color:var(--primary-color);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%, color-mix(in srgb, var(--primary-color) 80%, black) 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(--primary-color);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:var(--primary-color);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:color-mix(in srgb, var(--primary-color) 4%, transparent)}.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(--primary-color);filter:brightness(1.1)}.user-profile-dropdown-container{cursor:pointer;z-index:1001;position:relative}.user-profile-trigger{-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:9px;padding:4px 12px 4px 5px;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.user-profile-dropdown-container:hover .user-profile-trigger,.user-profile-dropdown-container.is-open .user-profile-trigger{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 6px #00000014}.avatar-wrapper{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.user-avatar-small{object-fit:cover;border:1.5px solid #e2e8f0;border-radius:50%;width:32px;height:32px;display:block;box-shadow:0 1px 3px #0000001a}.user-avatar-placeholder{background:linear-gradient(135deg, var(--primary-color,#d32f2f), #991b1b);color:#fff;text-transform:uppercase;-webkit-user-select:none;user-select:none;border:1.5px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:flex;box-shadow:0 1px 3px #0000001a}.user-label-content{text-align:left;flex-direction:column;justify-content:center;display:flex}.user-role-label{text-transform:uppercase;color:#0f172a;letter-spacing:.5px;margin-bottom:2px;font-size:10px;font-weight:800;line-height:1.1}.user-name-text{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;max-width:110px;font-size:13px;font-weight:700;line-height:1.2;overflow:hidden}.chevron-icon{color:#64748b;flex-shrink:0;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{border-style:dashed;border-color:var(--primary-color);background:color-mix(in srgb, var(--primary-color) 4%, transparent);text-decoration:none}.start-selling-card:hover{background:color-mix(in srgb, var(--primary-color) 8%, transparent);border-color:var(--primary-color)}.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(--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;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:1rem;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}.fixed-header-placeholder.ai-sourcing-placeholder,.is-fixed+.fixed-header-placeholder.ai-sourcing-placeholder{height:138px!important}@media (max-width:768px){.fixed-header-placeholder.ai-sourcing-placeholder,.is-fixed+.fixed-header-placeholder.ai-sourcing-placeholder{height:110px!important}}.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(--primary-color);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 color-mix(in srgb, var(--primary-color) 15%, transparent)}.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{color:#fff;cursor:pointer;height:44px;box-shadow:0 4px 15px color-mix(in srgb, var(--primary-color) 35%, transparent);border:none;border-radius:25px;margin:3px;padding:0 2rem;font-size:1rem;font-weight:700;transition:filter .2s;background:var(--primary-color)!important}.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:var(--primary-color);border-bottom-color:var(--primary-color);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{position:relative}.notifications-dropdown-wrapper:hover .notifications-dropdown,.notifications-dropdown-wrapper.open .notifications-dropdown,.notifications-dropdown.d-block{display:block!important}.notifications-dropdown{top:calc(100% + 12px);border:1px solid var(--hdd-border,#e8edf3);z-index:10005;white-space:normal;border-radius:20px;width:390px;max-width:calc(100vw - 24px);animation:.22s cubic-bezier(.16,1,.3,1) dropdownFadeIn;display:none;position:absolute;inset-inline-end:0;overflow:hidden;box-shadow:0 20px 50px -10px #0f172a2e,0 8px 20px -6px #0f172a14;background:var(--hdd-surface,#fff)!important}.notifications-dropdown:before{content:"";top:-16px;pointer-events:auto;z-index:10001;background:0 0;height:18px;position:absolute;inset-inline:0}.notifications-dropdown:after{content:"";top:-6px;background:var(--hdd-surface,#fff);border-top:1px solid var(--hdd-border,#e8edf3);border-inline-start:1px solid var(--hdd-border,#e8edf3);z-index:10002;width:12px;height:12px;position:absolute;inset-inline-end:22px;transform:rotate(45deg)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notif-dropdown-header{border-bottom:1px solid var(--hdd-border,#eef2f6);background:var(--hdd-surface,#fff);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.notif-header-title-wrap{align-items:center;gap:8px;display:flex}.notif-header-title{color:var(--hdd-text,#0f172a);letter-spacing:-.015em;font-size:15px;font-weight:800}.notif-header-unread-badge{color:var(--primary-color);background:color-mix(in srgb, var(--primary-color) 12%, transparent);letter-spacing:.2px;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.notif-mark-all-btn{color:var(--primary-color);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:12px;font-weight:700;transition:background .15s,opacity .15s;display:inline-flex}.notif-mark-all-btn:hover{background:color-mix(in srgb, var(--primary-color) 10%, transparent)}.notif-dropdown-list{max-height:380px;overflow:hidden auto}.notif-dropdown-list::-webkit-scrollbar{width:5px}.notif-dropdown-list::-webkit-scrollbar-thumb{background:var(--hdd-border-strong,#cbd5e1);border-radius:10px}.notif-card-item{border-bottom:1px solid var(--hdd-border,#f1f5f9);align-items:flex-start;gap:12px;padding:13px 18px;text-decoration:none;transition:background .15s;display:flex;position:relative}.notif-card-item:last-child{border-bottom:none}.notif-card-item:hover{background:var(--hdd-surface-hover,#f8fafc)}.notif-card-item.is-unread{background:color-mix(in srgb, var(--primary-color) 4.5%, var(--hdd-surface,#fff))}.notif-type-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-top:2px;display:flex}.notif-type-chat{color:#2563eb;background:#eff6ff}.notif-type-order{color:#059669;background:#ecfdf5}.notif-type-rfq{color:#d97706;background:#fffbeb}.notif-type-system{color:#9333ea;background:#f3e8ff}.notif-body{flex:1;min-width:0}.notif-title-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:3px;display:flex}.notif-card-title{color:var(--hdd-text,#0f172a);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.notif-card-item.is-read .notif-card-title{color:var(--hdd-text-2,#334155);font-weight:600}.notif-unread-dot{background:var(--primary-color);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 25%, transparent);border-radius:50%;flex-shrink:0}.notif-card-msg{color:var(--hdd-muted,#64748b);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;font-size:12.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.notif-card-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.notif-card-time{color:var(--hdd-muted,#94a3b8);align-items:center;gap:4px;font-size:11px;font-weight:500;display:inline-flex}.notif-card-badge{color:var(--hdd-muted,#64748b);background:var(--hdd-sidebar-bg,#f1f5f9);border-radius:999px;padding:1px 7px;font-size:10.5px;font-weight:600}.notif-empty-state{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:38px 24px;display:flex}.notif-empty-icon-wrap{background:var(--hdd-sidebar-bg,#f1f5f9);width:52px;height:52px;color:var(--hdd-muted,#94a3b8);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.notif-empty-title{color:var(--hdd-text,#1e293b);margin:0;font-size:15px;font-weight:700}.notif-empty-desc{color:var(--hdd-muted,#64748b);max-width:280px;margin:0;font-size:12.5px;line-height:1.5}.notif-empty-login-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:999px;margin-top:8px;padding:7px 20px;font-size:13px;font-weight:700;transition:opacity .2s,transform .15s}.notif-empty-login-btn:hover{opacity:.92;transform:translateY(-1px)}.notif-dropdown-bottom{background:var(--hdd-sidebar-bg,#f8fafc);border-top:1px solid var(--hdd-border,#f1f5f9)}.notif-view-all-link{color:var(--primary-color);justify-content:center;align-items:center;gap:6px;padding:13px 18px;font-size:13px;font-weight:800;text-decoration:none;transition:background .15s,letter-spacing .15s;display:flex}.notif-view-all-link:hover{background:color-mix(in srgb, var(--primary-color) 8%, var(--hdd-sidebar-bg,#f8fafc))}.notif-view-all-link svg{transition:transform .2s}.notif-view-all-link:hover svg{transform:translate(3px)}.cart-dropdown-wrapper .notifications-dropdown{width:390px;max-width:calc(100vw - 24px)}.cart-drop-header{border-bottom:1px solid var(--hdd-border,#f1f5f9);background:var(--hdd-surface,#fff);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.cart-drop-title-wrap{align-items:center;gap:8px;display:flex}.cart-drop-title{color:var(--hdd-text,#0f172a);letter-spacing:-.015em;font-size:15px;font-weight:800}.cart-drop-view-link{color:var(--primary-color);border-radius:6px;padding:4px 8px;font-size:12px;font-weight:700;text-decoration:none;transition:background .15s}.cart-drop-view-link:hover{background:color-mix(in srgb, var(--primary-color) 10%, transparent)}.cart-count-pill{background:var(--hdd-sidebar-bg,#f1f5f9);color:var(--hdd-muted,#475569);border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:700}.cart-dropdown-list{max-height:350px;padding:6px 0;overflow-y:auto}.cart-dropdown-list::-webkit-scrollbar{width:5px}.cart-dropdown-list::-webkit-scrollbar-thumb{background:var(--hdd-border-strong,#cbd5e1);border-radius:10px}.cart-dropdown-item{border-bottom:1px solid var(--hdd-border,#f8fafc);align-items:center;gap:14px;padding:11px 20px;text-decoration:none;transition:background .15s;display:flex}.cart-dropdown-item:last-child{border-bottom:none}.cart-dropdown-item:hover{background:var(--hdd-surface-hover,#f8fafc)}.cart-item-img-container{background:var(--hdd-sidebar-bg,#f8fafc);border:1px solid var(--hdd-border,#f1f5f9);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;padding:4px;display:flex;overflow:hidden}.cart-item-img-container img{object-fit:contain;max-width:100%;max-height:100%;transition:transform .25s}.cart-dropdown-item:hover .cart-item-img-container img{transform:scale(1.08)}.cart-item-info{flex:1;min-width:0}.cart-item-name{color:var(--hdd-text,#1e293b);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:13.5px;font-weight:700;overflow:hidden}.cart-item-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.cart-item-price-val{color:var(--primary-color);font-size:14.5px;font-weight:800}.cart-item-quantity-pill{color:var(--hdd-muted,#64748b);background:var(--hdd-sidebar-bg,#f1f5f9);border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.cart-empty-state{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:38px 24px;display:flex}.cart-empty-icon-box{background:var(--hdd-sidebar-bg,#f1f5f9);width:56px;height:56px;color:var(--hdd-muted,#94a3b8);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.cart-empty-title{color:var(--hdd-text,#1e293b);margin:0;font-size:15.5px;font-weight:700}.cart-empty-msg{color:var(--hdd-muted,#64748b);max-width:270px;margin:0;font-size:12.5px;line-height:1.5}.btn-start-shopping{background:var(--primary-color);color:#fff;border-radius:999px;margin-top:8px;padding:7px 22px;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .2s,transform .15s}.btn-start-shopping:hover{opacity:.92;transform:translateY(-1px)}.cart-dropdown-footer{background:var(--hdd-sidebar-bg,#fafbfc);border-top:1px solid var(--hdd-border,#f1f5f9);padding:16px 20px}.cart-subtotal-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.subtotal-label{color:var(--hdd-muted,#64748b);font-size:13.5px;font-weight:600}.subtotal-value{color:var(--hdd-text,#0f172a);font-size:17px;font-weight:800}.btn-cart-checkout{background:var(--primary-color);color:#fff;width:100%;box-shadow:0 4px 14px color-mix(in srgb, var(--primary-color) 30%, transparent);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:14.5px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.btn-cart-checkout:hover{opacity:.94;box-shadow:0 6px 18px color-mix(in srgb, var(--primary-color) 40%, transparent);transform:translateY(-1px)}.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:visible;box-shadow:0 16px 48px #0d2e6729,0 4px 16px #00000012}.mega-menu:before{content:"";pointer-events:auto;z-index:10001;background:0 0;height:26px;position:absolute;top:-24px;left:0;right:0}.mega-menu.featured-mega{width:1100px;left:0}.mega-menu.help-mega{z-index:9999!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;width:250px!important;min-width:230px!important;max-width:300px!important;padding:8px!important;left:auto!important;right:0!important;overflow:visible!important;box-shadow:0 14px 36px #0f172a24,0 4px 12px #0f172a0d!important}.mega-menu.help-mega .mega-menu-container,.help-mega .mega-menu-container{border-radius:8px!important;height:auto!important;max-height:none!important;display:block!important;overflow:visible!important}.help-mega .mega-menu-left,.help-mega .mega-menu-left.full-width{background:0 0!important;border:none!important;width:100%!important;height:auto!important;padding:0!important;overflow:visible!important}.help-mega .category-list{flex-direction:column!important;grid-template-columns:none!important;gap:3px!important;margin:0!important;padding:2px!important;list-style:none!important;display:flex!important}.help-mega .category-item{color:#334155!important;cursor:pointer!important;white-space:nowrap!important;border-left:none!important;border-right:none!important;border-radius:8px!important;align-items:center!important;padding:10px 14px!important;font-size:.9rem!important;font-weight:500!important;transition:all .15s!important;display:flex!important}.help-mega .category-item:hover{color:var(--primary-color)!important;background:#f1f5f9!important;transform:none!important}.help-mega .cat-title-text{font-size:.88rem!important}.help-mega:before{height:18px!important;top:-16px!important}.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}.mega-menu-container{border-radius:16px;height:400px;display:flex;overflow:hidden}.featured-mega .mega-menu-container{height:400px}.mega-menu.cat-list-only .mega-menu-container{height:auto;max-height:400px}.mega-menu-left.full-width,.cat-list-only .mega-menu-left,.featured-mega .mega-menu-left,.help-mega .mega-menu-left{background:#fff;padding:.75rem 0;border-left:none!important;border-right:none!important;width:100%!important}.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{pointer-events:auto;z-index:10001;background:0 0;height:30px;top:-28px}.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:8px;padding:6px 12px;transition:background .2s}.location-trigger:hover{background:var(--hdd-surface-hover,#f1f5f9)}.location-trigger strong{color:var(--hdd-text,#1a1a2e)}.chevron-icon{transition:transform .2s}.chevron-icon.rotate{transform:rotate(180deg)}.location-dropdown-menu{top:calc(100% + 10px);border:1px solid var(--hdd-border,#e2e8f0);z-index:10005;border-radius:20px;width:380px;max-width:calc(100vw - 24px);padding:22px 24px;animation:.22s cubic-bezier(.16,1,.3,1) dropdownFadeIn;position:absolute;inset-inline-start:0;box-shadow:0 20px 50px -10px #0f172a2e,0 8px 20px -6px #0f172a14;background-color:var(--hdd-surface,#fff)!important;white-space:normal!important}@media (max-width:768px){.location-dropdown-menu{width:90%;max-width:380px;margin-top:0;position:fixed;top:20%;left:50%;transform:translate(-50%)}}.location-header-wrap{align-items:flex-start;gap:12px;margin-bottom:16px;padding-inline-end:28px;display:flex}.location-header-icon{background:color-mix(in srgb, var(--primary-color) 10%, transparent);width:38px;height:38px;color:var(--primary-color);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.location-close-btn{top:16px;width:30px;height:30px;color:var(--hdd-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:absolute;inset-inline-end:16px}.location-close-btn:hover{background:var(--hdd-sidebar-bg,#f1f5f9);color:var(--hdd-text,#0f172a)}.location-title{color:var(--hdd-text,#1a1a2e);letter-spacing:-.015em;margin:0 0 2px;font-size:16.5px;font-weight:800}.location-subtitle{color:var(--hdd-muted,#64748b);margin:0;font-size:12.5px;line-height:1.45}.current-address-card{background-color:var(--hdd-sidebar-bg,#f8fafc);border:1px solid var(--hdd-border,#e2e8f0);border-radius:14px;margin-bottom:14px;padding:13px 16px}.address-badge-row{align-items:center;margin-bottom:5px;display:flex}.address-status-pill{color:var(--primary-color);background:color-mix(in srgb, var(--primary-color) 12%, transparent);border-radius:999px;padding:2px 7px;font-size:10.5px;font-weight:700}.address-info strong{color:var(--hdd-text,#1a1a2e);margin-bottom:3px;font-size:14px;font-weight:700;display:block}.address-info p{color:var(--hdd-muted,#475569);margin:0;font-size:13px;line-height:1.5}.location-links{align-items:center;gap:12px;margin-bottom:16px;display:flex}.location-link{color:var(--primary-color);align-items:center;gap:4px;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .2s;display:inline-flex}.location-link:hover{opacity:.85;text-decoration:underline}.location-links .divider{color:var(--hdd-border-strong,#cbd5e1)}.location-separator{text-align:center;align-items:center;margin-bottom:16px;display:flex}.location-separator:before,.location-separator:after{content:"";border-bottom:1px solid var(--hdd-border,#e2e8f0);flex:1}.location-separator span{color:var(--hdd-muted,#94a3b8);text-transform:uppercase;letter-spacing:.5px;padding:0 12px;font-size:11.5px;font-weight:700}.location-form{flex-direction:column;gap:14px;display:flex}.custom-select-wrapper-react .select-container-react{background-color:var(--hdd-surface,#fff);border:1px solid var(--hdd-border,#e2e8f0);border-radius:12px;width:100%;transition:all .2s;position:relative}.custom-select-wrapper-react .select-container-react:hover{border-color:var(--hdd-border-strong,#cbd5e1)}.flag-icon-overlay{inset-inline-start:18px;color:var(--primary-color);pointer-events:none;z-index:2;font-size:16px;font-weight:800;position:absolute;top:50%;transform:translateY(-50%)}.btn-location-save{color:#fff;cursor:pointer;width:100%;height:48px;box-shadow:0 4px 14px color-mix(in srgb, var(--primary-color) 30%, transparent);border:none;border-radius:12px;font-size:15px;font-weight:700;transition:all .2s;background:var(--primary-color)!important}.btn-location-save:hover{opacity:.94;box-shadow:0 6px 18px color-mix(in srgb, var(--primary-color) 40%, transparent);transform:translateY(-1px)}.login-prompt-location{background-color:var(--hdd-sidebar-bg,#f8fafc);border:1px dashed var(--hdd-border-strong,#cbd5e1);cursor:pointer;border-radius:14px;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;transition:all .2s;display:flex}.login-prompt-location:hover{border-color:var(--primary-color);background-color:color-mix(in srgb, var(--primary-color) 4%, var(--hdd-sidebar-bg,#f8fafc))}.login-prompt-icon{background:color-mix(in srgb, var(--primary-color) 10%, transparent);width:38px;height:38px;color:var(--primary-color);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.login-prompt-title{color:var(--hdd-text,#1a1a2e);margin-bottom:2px;font-size:13.5px;font-weight:700}.login-prompt-sub{color:var(--hdd-muted,#64748b);margin:0;font-size:12px}.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:var(--primary-color,#e11d48);background:color-mix(in srgb, var(--primary-color,#e11d48) 6%, transparent)}.ai-header-tab.active{color:var(--primary-color,#e11d48)}.ai-header-tab.active:after{content:"";background:var(--primary-color,#e11d48);border-radius:2px 2px 0 0;height:2.5px;position:absolute;bottom:-1px;left:0;right:0}[data-theme=dark] .ai-header-tab-bar,.dark .ai-header-tab-bar{background:#0f172a;border-bottom-color:#1e293b}[data-theme=dark] .ai-header-tab,.dark .ai-header-tab{color:#94a3b8}[data-theme=dark] .ai-header-tab:hover,.dark .ai-header-tab:hover{color:var(--primary-color,#e11d48);background:color-mix(in srgb, var(--primary-color,#e11d48) 12%, transparent)}[data-theme=dark] .ai-header-tab.active,.dark .ai-header-tab.active{color:var(--primary-color,#e11d48)}@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;background:var(--primary-color)!important;color:#fff!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:var(--primary-color)!important;border-bottom-color:var(--primary-color)!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;border-left-color:var(--primary-color);background:#fff;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:var(--primary-color)}.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}}.header:not(.dashboard-global-header){--hdr-tint-a:color-mix(in srgb, var(--primary-color,#f60) 5%, transparent);--hdr-tint-b:color-mix(in srgb, var(--primary-color,#f60) 3.5%, transparent);--hdr-divider:#0f172a0f;--hdr-line:color-mix(in srgb, var(--primary-color,#f60) 55%, transparent);isolation:isolate;background:#fff;border-bottom:none;box-shadow:0 1px #0f172a0a,0 6px 18px -12px #0f172a1a}.header:not(.dashboard-global-header) .top-nav,.header:not(.dashboard-global-header) .search-section,.header:not(.dashboard-global-header) .bottom-nav{background-color:#0000!important}.header:not(.dashboard-global-header) .top-nav{border-bottom-color:#0000!important}.header:not(.dashboard-global-header) .bottom-nav{border-top:1px solid var(--hdr-divider)!important;border-bottom:none!important}.header:not(.dashboard-global-header):before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60% 140% at 50% 0%, var(--hdr-tint-a) 0%, transparent 70%), radial-gradient(45% 120% at 50% 100%, var(--hdr-tint-b) 0%, transparent 70%);background-position:0 0,100% 100%;background-repeat:no-repeat;background-size:180% 100%,180% 100%;animation:28s ease-in-out infinite alternate hdrAuroraDrift;position:absolute;inset:0}.header:not(.dashboard-global-header):after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg, transparent 0%, var(--hdr-line) 50%, transparent 100%);opacity:.55;background-position:-90% 0;background-repeat:no-repeat;background-size:35% 100%;height:2px;animation:9s cubic-bezier(.45,0,.55,1) infinite hdrLineSweep;position:absolute;bottom:0;left:0;right:0}@keyframes hdrAuroraDrift{0%{background-position:0 0,100% 100%}to{background-position:100% 0,0 100%}}@keyframes hdrLineSweep{0%{background-position:-90% 0}to{background-position:190% 0}}.header.is-fixed:not(.dashboard-global-header):after{opacity:.35}[dir=rtl] .header:not(.dashboard-global-header):before,[dir=rtl] .header:not(.dashboard-global-header):after{animation-direction:reverse}[dir=rtl] .header:not(.dashboard-global-header):before{animation-direction:alternate-reverse}:is(html.dark,html[data-theme=dark],html[data-bs-theme=dark],body.dark,body.dark-mode,body.dark-theme,body[data-theme=dark]) .header:not(.dashboard-global-header){--hdr-tint-a:color-mix(in srgb, var(--primary-color,#f60) 10%, transparent);--hdr-tint-b:color-mix(in srgb, var(--primary-color,#f60) 6%, transparent);--hdr-divider:#ffffff12;--hdr-line:color-mix(in srgb, var(--primary-color,#f60) 70%, transparent)}@media (max-width:1024px){.header:not(.dashboard-global-header):before{animation-duration:22s}.header:not(.dashboard-global-header):after{background-size:45% 100%}}@media (prefers-reduced-motion:reduce){.header:not(.dashboard-global-header):before,.header:not(.dashboard-global-header):after{animation:none}.header:not(.dashboard-global-header):after{opacity:.25;background-position:0 0;background-size:100% 100%}}
.hdd-panel{--hdd-accent:var(--primary-color,#e11d48);--hdd-accent-soft:color-mix(in srgb, var(--hdd-accent) 9%, transparent);--hdd-accent-softer:color-mix(in srgb, var(--hdd-accent) 5%, transparent);--hdd-accent-ring:color-mix(in srgb, var(--hdd-accent) 35%, transparent);--hdd-bg:#fff;--hdd-sidebar-bg:#f8fafc;--hdd-surface:#fff;--hdd-surface-hover:#f8fafc;--hdd-border:#e8edf3;--hdd-border-strong:#dbe3ec;--hdd-text:#0f172a;--hdd-text-2:#334155;--hdd-muted:#64748b;--hdd-skeleton:#eef2f6;--hdd-skeleton-hi:#f8fafc;--hdd-shadow:0 24px 56px -12px #0f172a2e, 0 8px 20px -8px #0f172a14;--hdd-radius:18px;--hdd-gap:8px}:is(html.dark,html[data-theme=dark],html[data-bs-theme=dark],body.dark,body.dark-mode,body.dark-theme,body[data-theme=dark]) .hdd-panel{--hdd-accent-soft:color-mix(in srgb, var(--hdd-accent) 18%, transparent);--hdd-accent-softer:color-mix(in srgb, var(--hdd-accent) 10%, transparent);--hdd-bg:#0f172a;--hdd-sidebar-bg:#0b1222;--hdd-surface:#131c31;--hdd-surface-hover:#1a2540;--hdd-border:#1f2a44;--hdd-border-strong:#2a3756;--hdd-text:#f1f5f9;--hdd-text-2:#cbd5e1;--hdd-muted:#94a3b8;--hdd-skeleton:#1a2540;--hdd-skeleton-hi:#22304f;--hdd-shadow:0 24px 56px -12px #0009, 0 8px 20px -8px #0006}.bottom-nav>.container,.top-nav{position:relative}.bottom-nav .container .hdd-host,.top-nav .hdd-host{position:static!important}.hdd-trigger{transition:color .2s}.hdd-trigger.is-open,.hdd-trigger:hover{color:var(--primary-color)!important}.hdd-trigger:focus-visible{outline:2px solid var(--primary-color);outline-offset:4px;border-radius:6px}.hdd-panel{top:calc(100% + 10px);z-index:1200;background:var(--hdd-bg);color:var(--hdd-text);border:1px solid var(--hdd-border);border-radius:var(--hdd-radius);box-shadow:var(--hdd-shadow);text-align:start;transform-origin:top;font-family:inherit;animation:.18s cubic-bezier(.16,1,.3,1) both hddIn;position:absolute;inset-inline:0}.hdd-panel:before{content:"";inset-inline:0;height:14px;position:absolute;bottom:100%}.top-nav .hdd-panel{top:100%;width:min(1240px,100% - 32px);margin-inline:auto;inset-inline:0}@keyframes hddIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.hdd-panel,.hdd-panel *{transition:none!important;animation:none!important}}.hdd-body{height:min(480px, var(--hdd-avail,calc(100vh - 200px)));min-height:min(340px, var(--hdd-avail,340px));border-radius:inherit;display:grid;overflow:hidden}.hdd-body--3col{grid-template-columns:264px minmax(0,1fr) 260px}.hdd-body--2col{grid-template-columns:248px minmax(0,1fr)}.hdd-sidebar{background:var(--hdd-sidebar-bg);border-inline-end:1px solid var(--hdd-border);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--hdd-border-strong) transparent;padding:10px;overflow-y:auto}.hdd-side-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.hdd-side-item{width:100%;color:var(--hdd-text-2);text-align:start;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:9px 12px;font-size:14px;font-weight:500;line-height:1.3;transition:background .16s,color .16s;display:flex;position:relative}.hdd-side-item:hover{background:var(--hdd-surface-hover);color:var(--hdd-text)}.hdd-side-item.is-active{background:var(--hdd-accent-soft);color:var(--hdd-accent);font-weight:600}.hdd-side-item.is-active:before{content:"";inset-inline-start:0;background:var(--hdd-accent);border-radius:3px;width:3px;position:absolute;top:22%;bottom:22%}.hdd-side-item:focus-visible{outline:2px solid var(--hdd-accent-ring);outline-offset:1px}.hdd-side-icon{background:var(--hdd-surface);border:1px solid var(--hdd-border);width:32px;height:32px;color:var(--hdd-muted);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:inherit;display:inline-flex}.hdd-side-item.is-active .hdd-side-icon{background:var(--hdd-accent);border-color:var(--hdd-accent);color:#fff}.hdd-side-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.hdd-chevron{color:var(--hdd-muted);opacity:.6;flex-shrink:0;transition:transform .16s,opacity .16s}.hdd-side-item:hover .hdd-chevron,.hdd-side-item.is-active .hdd-chevron{opacity:1;color:currentColor;transform:translate(2px)}[dir=rtl] .hdd-chevron,[dir=rtl] .hdd-arrow{transform:scaleX(-1)}[dir=rtl] .hdd-side-item:hover .hdd-chevron,[dir=rtl] .hdd-side-item.is-active .hdd-chevron{transform:scaleX(-1)translate(2px)}.hdd-thumb{background:var(--hdd-accent-softer);color:var(--hdd-accent);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex;overflow:hidden}.hdd-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s cubic-bezier(.2,0,0,1);display:block}.hdd-thumb--mini{border:1px solid var(--hdd-border);border-radius:10px;width:32px;height:32px;font-size:13px}.hdd-thumb--round{border:1px solid var(--hdd-border);border-radius:50%;width:64px;height:64px;font-size:22px}.hdd-thumb--tile{aspect-ratio:4/3;border-radius:12px;width:100%;font-size:28px}.hdd-main{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--hdd-border-strong) transparent;min-width:0;padding:20px 24px 24px;overflow-y:auto}.hdd-main-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.hdd-main-titles{min-width:0}.hdd-title{letter-spacing:-.01em;color:var(--hdd-text);align-items:center;gap:10px;margin:0;font-size:18px;font-weight:700;display:flex}.hdd-title:not(:has(.hdd-title-icon)):before{content:"";background:var(--hdd-accent);border-radius:4px;flex-shrink:0;width:4px;height:18px}.hdd-title-icon{background:var(--hdd-accent-soft);width:30px;height:30px;color:var(--hdd-accent);border-radius:9px;justify-content:center;align-items:center;display:inline-flex}.hdd-subtitle{color:var(--hdd-muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.hdd-view-all{border:1px solid var(--hdd-accent-ring);color:var(--hdd-accent);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:background .16s,color .16s,border-color .16s;display:inline-flex}.hdd-view-all:hover{background:var(--hdd-accent);border-color:var(--hdd-accent);color:#fff}.hdd-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.hdd-card{border:1px solid var(--hdd-border);background:var(--hdd-surface);text-align:center;color:var(--hdd-text);border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:18px 10px 14px;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.hdd-card:hover,.hdd-card:focus-visible{border-color:var(--hdd-accent-ring);box-shadow:0 10px 24px -12px color-mix(in srgb, var(--hdd-accent) 45%, transparent);outline:none;transform:translateY(-2px)}.hdd-card:hover .hdd-thumb img,.hdd-tile:hover .hdd-thumb img{transform:scale(1.06)}.hdd-card-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.hdd-card:hover .hdd-card-title{color:var(--hdd-accent)}.hdd-card-meta,.hdd-tile-meta{color:var(--hdd-muted);font-size:12px}.hdd-tile-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.hdd-tile{color:var(--hdd-text);border-radius:14px;flex-direction:column;gap:4px;padding:6px 6px 10px;text-decoration:none;transition:background .18s,transform .18s;display:flex}.hdd-tile:hover,.hdd-tile:focus-visible{background:var(--hdd-surface-hover);outline:none;transform:translateY(-2px)}.hdd-tile .hdd-thumb{border:1px solid var(--hdd-border);margin-bottom:6px}.hdd-tile-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;padding-inline:2px;font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.hdd-tile-meta{color:var(--hdd-muted);padding-inline:2px;font-size:11.5px}.hdd-thumb-wrap{width:100%;position:relative}.hdd-tile-badge{top:6px;background:var(--hdd-accent);color:#fff;letter-spacing:.3px;z-index:2;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;inset-inline-start:6px;box-shadow:0 2px 6px #0003}.hdd-tile-price{color:var(--hdd-accent);align-items:baseline;gap:5px;padding-inline:2px;font-size:13.5px;font-weight:700;display:flex}.hdd-tile-price-old{color:var(--hdd-muted);font-size:11px;font-weight:400;text-decoration:line-through}.hdd-tile:hover .hdd-tile-title{color:var(--hdd-accent)}.hdd-spotlight{margin:12px;background:linear-gradient(160deg, var(--hdd-accent-soft), var(--hdd-accent-softer) 60%, transparent);border:1px solid var(--hdd-border);border-radius:16px;flex-direction:column;gap:14px;margin-inline-start:0;padding:14px;display:flex;overflow-y:auto}.hdd-spotlight-media .hdd-thumb{border-radius:12px}.hdd-spotlight-body{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.hdd-spotlight-title{color:var(--hdd-text);margin:0;font-size:17px;font-weight:700;line-height:1.3}.hdd-spotlight-text{color:var(--hdd-muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.hdd-chip{background:var(--hdd-surface);border:1px solid var(--hdd-border);color:var(--hdd-text-2);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.hdd-btn{background:var(--hdd-accent);box-shadow:0 6px 16px -6px color-mix(in srgb, var(--hdd-accent) 60%, transparent);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:9px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:filter .16s,transform .16s;display:inline-flex;color:#fff!important}.hdd-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.hdd-btn--block{width:100%}.hdd-icon-btn{background:var(--hdd-surface-hover);width:34px;height:34px;color:var(--hdd-muted);cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.hdd-empty{text-align:center;color:var(--hdd-muted);border:1px dashed var(--hdd-border-strong);border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:48px 16px;font-size:14px;display:flex}.hdd-empty p{margin:0}.hdd-skeleton{background:linear-gradient(90deg, var(--hdd-skeleton) 25%, var(--hdd-skeleton-hi) 50%, var(--hdd-skeleton) 75%);background-size:200% 100%;border-radius:12px;animation:1.2s linear infinite hddShimmer}.hdd-skeleton--row{height:44px}.hdd-skeleton--card{height:136px}.hdd-skeleton--tile{aspect-ratio:4/4.2}@keyframes hddShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hdd-sheet-header{display:none}.hdd-panel--help{width:min(400px,100%);inset-inline:auto 0}.hdd-panel--help.has-side{width:min(680px,100%)}.hdd-help-body{max-height:min(540px, var(--hdd-avail,calc(100vh - 120px)));grid-template-columns:minmax(0,1fr);gap:10px;padding:10px;display:grid;overflow:hidden}.hdd-panel--help.has-side .hdd-help-body{grid-template-columns:minmax(0,1fr) 248px}.hdd-help-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--hdd-border-strong) transparent;flex-direction:column;gap:2px;min-height:0;max-height:100%;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.hdd-help-item{color:var(--hdd-text);border-radius:12px;align-items:center;gap:12px;padding:8px 12px;text-decoration:none;transition:background .16s;display:flex}.hdd-help-item:hover,.hdd-help-item:focus-visible{background:var(--hdd-accent-softer);outline:none}.hdd-help-icon{background:var(--hdd-accent-soft);width:34px;height:34px;color:var(--hdd-accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:background .16s,color .16s;display:inline-flex}.hdd-help-item:hover .hdd-help-icon{background:var(--hdd-accent);color:#fff}.hdd-help-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.hdd-help-title{font-size:13.5px;font-weight:600;line-height:1.3}.hdd-help-item:hover .hdd-help-title{color:var(--hdd-accent)}.hdd-help-desc{color:var(--hdd-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;line-height:1.35;overflow:hidden}.hdd-help-item:hover .hdd-chevron{opacity:1;color:var(--hdd-accent)}.hdd-help-side{background:linear-gradient(170deg, var(--hdd-accent-soft), var(--hdd-accent-softer) 70%);border:1px solid var(--hdd-border);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:6px;min-height:0;padding:16px 14px 14px;display:flex;overflow-y:auto}.hdd-help-badge{background:var(--hdd-surface);width:48px;height:48px;color:var(--hdd-accent);box-shadow:0 8px 20px -10px color-mix(in srgb, var(--hdd-accent) 60%, transparent);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.hdd-help-side-title{color:var(--hdd-text);margin:4px 0 0;font-size:16px;font-weight:700}.hdd-help-side-text{color:var(--hdd-muted);margin:0 0 4px;font-size:12.5px;line-height:1.5}.hdd-contact-list{border-top:1px solid var(--hdd-border);flex-direction:column;gap:2px;width:100%;margin:8px 0 0;padding:8px 0 0;list-style:none;display:flex}.hdd-contact{color:var(--hdd-accent);text-align:start;border-radius:10px;align-items:center;gap:10px;padding:8px;text-decoration:none;transition:background .16s;display:flex}.hdd-contact:hover{background:var(--hdd-surface)}.hdd-contact>svg{flex-shrink:0}.hdd-contact span{flex-direction:column;min-width:0;display:flex}.hdd-contact small{color:var(--hdd-muted);font-size:11px}.hdd-contact bdi{color:var(--hdd-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}@media (max-width:1199px){.hdd-body--3col{grid-template-columns:240px minmax(0,1fr)}.hdd-spotlight{display:none}.hdd-tile-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1024px){.hdd-body--3col,.hdd-body--2col{grid-template-columns:210px minmax(0,1fr)}.hdd-card-grid,.hdd-tile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hdd-main{padding:16px 18px 20px}.hdd-side-item{gap:10px;padding:8px 10px;font-size:13.5px}.hdd-panel--help.has-side .hdd-help-body{grid-template-columns:minmax(0,1fr) 220px}}@media (max-width:767px){.hdd-panel,.top-nav .hdd-panel{top:auto;bottom:0;border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-height:85vh;margin:0;animation-name:hddSheetIn;display:flex;position:fixed;inset-inline:0}.hdd-panel:before{display:none}.hdd-sheet-header{border-bottom:1px solid var(--hdd-border);justify-content:space-between;align-items:center;padding:14px 16px 10px;font-size:15px;font-weight:700;display:flex}.hdd-body,.hdd-body--3col,.hdd-body--2col{flex-direction:column;flex:1;height:auto;min-height:0;display:flex}.hdd-sidebar{border-inline-end:0;border-bottom:1px solid var(--hdd-border);flex-shrink:0;padding:8px;overflow:auto hidden}.hdd-side-list{flex-direction:row;gap:6px}.hdd-side-item{white-space:nowrap;border:1px solid var(--hdd-border);border-radius:999px;width:auto;padding:6px 12px 6px 6px;padding-inline:6px 12px}.hdd-side-item.is-active:before,.hdd-side-item .hdd-chevron{display:none}.hdd-side-label{overflow:visible}.hdd-main{flex:1;overflow-y:auto}.hdd-card-grid,.hdd-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hdd-panel--help,.hdd-panel--help.has-side{width:100%}.hdd-help-body,.hdd-panel--help.has-side .hdd-help-body{grid-template-columns:minmax(0,1fr);max-height:none;overflow-y:auto}}@keyframes hddSheetIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.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{background:color-mix(in srgb, var(--primary-color) 10%, transparent);color:var(--primary-color);text-transform:uppercase;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}}