:root{--cp-primary:var(--primary,#ff6d00);--cp-primary-hover:var(--primary-hover,#e85d04);--cp-dark:#0f172a;--cp-light:#f8fafc;--cp-border:#e2e8f0;--cp-border-light:#f1f5f9;--cp-text-dark:#0f172a;--cp-text-muted:#64748b;--cp-accent:#38bdf8;--cp-white:#fff;--cp-success:#16a34a;--cp-success-bg:#dcfce7;--cp-success-text:#166534;--cp-diff-bg:#fffbeb;--cp-diff-border:#fde68a;--cp-diff-text:#b45309}.cp-page{font-family:var(--font-family-body,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--cp-text-dark);background-color:#f8fafc;min-height:100vh;overflow-x:clip}.cp-section{padding:32px 0 72px}.cp-hero{color:#fff;background-color:#111827;background-image:linear-gradient(90deg,#0f172ae6 0%,#0f172ab3 55%,#0f172a80 100%),url(/images/hero-section-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-bottom:1px solid #1f2937;min-height:200px;padding:32px 0 36px;position:relative}.cp-hero:before{content:"";opacity:.8;pointer-events:none;background-image:radial-gradient(#ffffff0f 1.5px,#0000 1.5px);background-size:24px 24px;position:absolute;inset:0}.cp-breadcrumb{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;font-size:13px;display:flex}.cp-bc-link{color:#ffffffb8;text-decoration:none;transition:color .15s}.cp-bc-link:hover{color:#fff}.cp-bc-sep{color:#ffffff59;font-size:12px}.cp-bc-current{color:#fff;font-weight:600}.cp-hero-grid{z-index:1;grid-template-columns:1.25fr .95fr;align-items:center;gap:28px;display:grid;position:relative}.cp-hero-badge{color:#38bdf8;letter-spacing:.5px;text-transform:uppercase;background:#38bdf81f;border:1px solid #38bdf847;border-radius:999px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:11.5px;font-weight:700;display:inline-flex}.cp-hero-title{letter-spacing:-.4px;color:#fff;margin:0 0 10px;font-size:clamp(24px,3.2vw,36px);font-weight:800;line-height:1.25}.cp-hero-title span{background:linear-gradient(135deg,#38bdf8 0%,#0284c7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.cp-hero-subtitle{color:#ffffffc7;max-width:580px;margin:0;font-size:14px;line-height:1.55}.cp-hero-action-card{-webkit-backdrop-filter:blur(16px);background:#0f172acc;border:1px solid #ffffff24;border-radius:14px;padding:18px 20px;box-shadow:0 16px 36px -12px #00000073}.cp-tray-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.cp-tray-label{text-transform:uppercase;letter-spacing:.8px;color:#ffffffbf;font-size:12px;font-weight:800}.cp-tray-counter{color:#38bdf8;white-space:nowrap;background:#0284c738;border:1px solid #38bdf859;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:800}.cp-tray-desc{color:#ffffffb8;margin:0 0 14px;font-size:12.5px;line-height:1.45}.cp-tray-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cp-hero-btn-add{background:linear-gradient(135deg, var(--cp-primary) 0%, var(--cp-primary-hover) 100%);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:12.5px;font-weight:700;transition:opacity .2s,transform .15s;display:inline-flex;box-shadow:0 4px 12px #0284c74d}.cp-hero-btn-add:hover:not(:disabled){opacity:.94;transform:translateY(-1px)}.cp-hero-btn-add:disabled{opacity:.5;cursor:not-allowed}.cp-hero-btn-secondary{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;justify-content:center;align-items:center;gap:5px;height:38px;padding:0 13px;font-size:12.5px;font-weight:600;transition:background-color .15s,border-color .15s;display:inline-flex}.cp-hero-btn-secondary:hover{background:#ffffff24;border-color:#ffffff4d}.cp-hero-btn-clear{color:#f87171;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #f871714d;border-radius:8px;justify-content:center;align-items:center;gap:5px;height:38px;padding:0 12px;font-size:12.5px;font-weight:600;transition:background-color .15s,border-color .15s;display:inline-flex}.cp-hero-btn-clear:hover{background:#f871711f;border-color:#f87171}.cp-toolbar{border:1px solid var(--cp-border);background:#fff;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;padding:10px 16px;display:flex;box-shadow:0 1px 4px #00000008}.cp-filter-tabs-wrapper{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.cp-filter-tabs-wrapper::-webkit-scrollbar{display:none}.cp-filter-tabs{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.cp-tab-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:7px 13px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.cp-tab-btn:hover{color:#0f172a;background:#e2e8f0}.cp-tab-btn.active{background:var(--cp-primary);color:#fff;font-weight:700;box-shadow:0 2px 8px #0284c740}.cp-toolbar-toggles{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cp-attr-search{align-items:center;display:flex;position:relative}.cp-attr-input{border:1px solid var(--cp-border);color:#0f172a;background:#f8fafc;border-radius:6px;outline:none;width:160px;height:34px;padding:0 26px 0 30px;font-size:12.5px;transition:width .2s,border-color .2s,background .2s}.cp-attr-input:focus{border-color:var(--cp-primary);background:#fff;width:200px;box-shadow:0 0 0 2px #0284c71f}.cp-attr-search svg:first-child{pointer-events:none;position:absolute;left:9px}.cp-clear-input{cursor:pointer;color:#94a3b8;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex;position:absolute;right:6px}.cp-clear-input:hover{color:#0f172a}.cp-toggles-group{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.cp-toggle-label{color:#334155;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:inline-flex}.cp-checkbox{cursor:pointer;width:15px;height:15px;accent-color:var(--cp-primary)}.cp-mobile-swipe-hint{color:#64748b;border:1px solid var(--cp-border);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-bottom:12px;padding:6px 12px;font-size:11.5px;font-weight:600;display:none;box-shadow:0 1px 2px #00000005}.cp-matrix-card{border:1px solid var(--cp-border);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 3px 16px -3px #0000000d}.cp-table-responsive{-webkit-overflow-scrolling:touch;width:100%;position:relative;overflow-x:auto}.cp-matrix-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:840px}.cp-sticky-col{z-index:10;border-right:1.5px solid var(--cp-border);background:#fff;width:250px;min-width:250px;max-width:250px;position:sticky;left:0;box-shadow:3px 0 8px -2px #0000000a}.cp-criteria-head{border-bottom:2px solid var(--cp-border);vertical-align:top;z-index:20;background:#f8fafc;padding:20px 22px}.cp-criteria-head-title{color:#0f172a;text-transform:uppercase;letter-spacing:.5px;font-size:13.5px;font-weight:800}.cp-criteria-head-sub{color:#64748b;margin-top:4px;font-size:11.5px;font-weight:500}.cp-product-col-head{vertical-align:top;border-bottom:2px solid var(--cp-border);border-right:1px solid var(--cp-border);box-sizing:border-box;background:#fff;width:270px;min-width:270px;padding:16px 20px}.cp-product-col-head:last-child{border-right:none}.cp-header-card{flex-direction:column;height:100%;display:flex;position:relative}.cp-remove-col-btn{aspect-ratio:1;border:1px solid var(--cp-border);color:#64748b;cursor:pointer;z-index:5;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:24px;min-width:24px;max-width:24px;height:24px;min-height:24px;max-height:24px;padding:0;transition:all .15s;display:flex;position:absolute;top:0;right:0}.cp-remove-col-btn:hover{color:#ef4444;background:#fee2e2;border-color:#fca5a5;transform:scale(1.08)}.cp-header-thumb-box{border:1px solid var(--cp-border);box-sizing:border-box;background:#fff;border-radius:8px;justify-content:center;align-items:center;width:100%;height:130px;margin-bottom:12px;padding:6px;display:flex;overflow:hidden}.cp-header-thumb{object-fit:contain;border-radius:4px;width:100%;height:100%;transition:transform .2s;display:block}.cp-header-thumb-box:hover .cp-header-thumb{transform:scale(1.03)}.cp-header-meta{flex:1;margin-bottom:12px}.cp-header-cat{text-transform:uppercase;color:var(--cp-primary);letter-spacing:.3px;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.cp-header-title{color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:38px;margin:0 0 6px;font-size:14px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.cp-header-title a{color:inherit;text-decoration:none;transition:color .15s}.cp-header-title a:hover{color:var(--cp-primary)}.cp-header-supplier{color:#64748b;align-items:center;gap:5px;font-size:12px;display:flex}.cp-header-supplier-name{white-space:nowrap;text-overflow:ellipsis;max-width:220px;overflow:hidden}.cp-header-cta-row{grid-template-columns:1.25fr .75fr;gap:6px;margin-top:auto;display:grid}.cp-btn-rfq{background:var(--cp-primary);color:#fff;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:5px;height:36px;font-size:12px;font-weight:700;text-decoration:none;transition:background-color .15s,transform .15s;display:inline-flex;box-shadow:0 2px 6px #0284c733}.cp-btn-rfq:hover{background:var(--cp-primary-hover);color:#fff;transform:translateY(-1px)}.cp-btn-view{color:#0f172a;border:1px solid var(--cp-border);white-space:nowrap;background:#f1f5f9;border-radius:7px;justify-content:center;align-items:center;gap:3px;height:36px;font-size:12px;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}.cp-btn-view:hover{background:#e2e8f0;border-color:#cbd5e1}.cp-empty-slot-card{text-align:center;cursor:pointer;box-sizing:border-box;background:#fafafa;border:2px dashed #cbd5e1;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:24px 16px;transition:all .2s;display:flex}.cp-empty-slot-card:hover{border-color:var(--cp-primary);background:#0284c708}.cp-empty-slot-icon{background:#0284c71a;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:10px;display:flex}.cp-empty-slot-title{color:#0f172a;margin-bottom:4px;font-size:13.5px;font-weight:700}.cp-empty-slot-desc{color:#64748b;margin:0 0 12px;font-size:11.5px;line-height:1.4}.cp-btn-add-slot{color:var(--cp-primary);border:1px solid var(--cp-primary);cursor:pointer;white-space:nowrap;background:#fff;border-radius:6px;height:32px;padding:0 12px;font-size:11.5px;font-weight:700;transition:all .15s}.cp-empty-slot-card:hover .cp-btn-add-slot{background:var(--cp-primary);color:#fff}.cp-matrix-row{border-bottom:1px solid var(--cp-border);transition:background-color .15s}.cp-matrix-row.even{background-color:#fff}.cp-matrix-row.odd{background-color:#fcfdfd}.cp-matrix-row:hover,.cp-matrix-row:hover .cp-sticky-col{background-color:#f8fafc}.cp-criteria-cell{vertical-align:middle;border-bottom:1px solid var(--cp-border);background:#fff;padding:14px 20px;font-size:13px}.cp-criteria-label-wrap{align-items:center;gap:6px;display:flex}.cp-criteria-title{color:#1e293b;font-size:13px;font-weight:700}.cp-criteria-hint{color:#94a3b8;margin-top:2px;font-size:11px;line-height:1.35;display:block}.cp-diff-badge{background:var(--cp-diff-bg);color:var(--cp-diff-text);border:1px solid var(--cp-diff-border);text-transform:uppercase;letter-spacing:.3px;border-radius:4px;padding:1px 5px;font-size:9.5px;font-weight:800}.cp-row-diff{background-color:#fef3c747!important}.cp-row-diff .cp-sticky-col{background-color:#fffdf5!important}.cp-data-cell{color:#334155;border-right:1px solid var(--cp-border);border-bottom:1px solid var(--cp-border);vertical-align:middle;padding:14px 20px;font-size:13.5px}.cp-data-cell:last-child{border-right:none}.cp-empty-cell{text-align:center}.cp-empty-dash{color:#cbd5e1;font-size:14px}.cp-row-pill{color:#475569;background:#f1f5f9;border-radius:6px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-block}.cp-price-cell{flex-direction:column;gap:1px;display:flex}.cp-price-val{color:var(--cp-primary);font-size:15px;font-weight:800}.cp-price-sub{color:#94a3b8;font-size:11px}.cp-moq-badge{color:#0f172a;border:1px solid var(--cp-border);background:#f1f5f9;border-radius:5px;padding:3px 8px;font-size:12.5px;font-weight:700;display:inline-block}.cp-lead-time-cell{color:#1e293b;align-items:center;gap:6px;font-weight:600;display:flex}.cp-stock-cell{align-items:center;gap:6px;display:flex}.cp-stock-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.cp-stock-text{font-size:13px;font-weight:500}.cp-supplier-cell{flex-direction:column;gap:3px;display:flex}.cp-supplier-name{color:var(--cp-text-dark);font-weight:700}.cp-tier-badge{color:var(--cp-success-text);background:var(--cp-success-bg);border:1px solid #bbf7d0;border-radius:999px;align-items:center;gap:4px;width:fit-content;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex}.cp-country-cell{align-items:center;gap:6px;font-size:13px;display:flex}.cp-mfg-type{font-size:13px;font-weight:600}.cp-certs-list{flex-wrap:wrap;gap:5px;display:flex}.cp-cert-tag{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:700}.cp-audit-cell{align-items:center;gap:8px;display:flex}.cp-audit-score-badge{color:#059669;background:#10b9811f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11.5px;font-weight:800;display:flex}.cp-audit-info{flex-direction:column;display:flex}.cp-audit-rating{font-size:12.5px;font-weight:700}.cp-audit-sub{color:#64748b;font-size:10.5px}.cp-qa-cell{color:#166534;align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex}.cp-logistics-cell{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cp-logistics-chip{color:#334155;border:1px solid var(--cp-border);background:#f1f5f9;border-radius:5px;align-items:center;gap:4px;padding:3px 7px;font-size:11.5px;font-weight:600;display:inline-flex}.cp-cold-chain-cell{align-items:center;gap:6px;font-size:12.5px;display:flex}.cp-cold-chain-cell.active{color:#0284c7;font-weight:700}.cp-cold-chain-cell.ambient{color:#475569}.cp-freight-cell{flex-direction:column;gap:2px;font-size:12.5px;display:flex}.cp-freight-item{gap:4px;display:flex}.cp-freight-label{font-weight:700}.cp-freight-item.secondary{color:#64748b}.cp-escrow-cell{color:#0f172a;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.cp-samples-cell{color:#166534;align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex}.cp-terms-text{color:#334155;font-size:12.5px;line-height:1.4}.cp-no-results-cell{text-align:center;color:#64748b;padding:48px 24px}.cp-no-results-title{color:#0f172a;margin-top:8px;font-size:14.5px;font-weight:700}.cp-no-results-desc{margin:4px 0 0;font-size:12.5px}.cp-matrix-skeleton-wrap{background:#fff;padding:24px}.cp-skeleton-header{border-bottom:2px solid var(--cp-border);grid-template-columns:250px 270px 270px;gap:16px;padding-bottom:20px;display:grid}.cp-skeleton-rows{flex-direction:column;gap:12px;padding-top:16px;display:flex}.cp-skeleton-row{grid-template-columns:250px 270px 270px;align-items:center;gap:16px;display:grid}.cp-skeleton-cell{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:6px;animation:1.5s infinite skeletonShimmer}.cp-skeleton-head-cell{height:48px}.cp-skeleton-card-cell{border-radius:8px;height:200px}.cp-skeleton-label-cell{width:75%;height:24px}.cp-skeleton-val-cell{width:60%;height:24px}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cp-empty-state-card{border:1px solid var(--cp-border);text-align:center;background:#fff;border-radius:14px;padding:56px 24px;box-shadow:0 4px 20px -4px #0000000d}.cp-empty-state-icon{background:#0284c71a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}.cp-empty-title{color:#0f172a;margin:0 0 8px;font-size:22px;font-weight:800}.cp-empty-desc{color:#64748b;max-width:520px;margin:0 auto 24px;font-size:14px;line-height:1.55}.cp-empty-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:36px;display:flex}.cp-btn-solid{background:var(--cp-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:42px;padding:0 24px;font-size:13px;font-weight:700;transition:background-color .15s,transform .15s;display:inline-flex;box-shadow:0 2px 8px #0284c740}.cp-btn-solid:hover{background:var(--cp-primary-hover);transform:translateY(-1px)}.cp-btn-outline{color:#0f172a;border:1px solid var(--cp-border);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:42px;padding:0 22px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.cp-btn-outline:hover{background:#f8fafc;border-color:#cbd5e1}.cp-presets-section{border-top:1px solid var(--cp-border);text-align:left;padding-top:28px}.cp-presets-title{text-transform:uppercase;letter-spacing:.8px;color:#64748b;margin-bottom:14px;font-size:12px;font-weight:800}.cp-presets-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.cp-preset-card{border:1px solid var(--cp-border);cursor:pointer;background:#f8fafc;border-radius:10px;padding:16px;transition:all .2s}.cp-preset-card:hover{border-color:var(--cp-primary);background:#fff;transform:translateY(-2px);box-shadow:0 6px 18px -4px #0284c71f}.cp-preset-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.cp-preset-icon{background:#e0f2fe;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.cp-preset-name{color:#0f172a;margin:0;font-size:14px;font-weight:700}.cp-preset-desc{color:#64748b;margin:0 0 10px;font-size:12px;line-height:1.45}.cp-preset-cta{color:var(--cp-primary);align-items:center;gap:4px;font-size:12px;font-weight:700;display:inline-flex}.cp-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1050;background:#0f172ab8;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeInModal;display:flex;position:fixed;inset:0}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.cp-modal-window{border:1px solid var(--cp-border);background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:720px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000059}.cp-modal-head{border-bottom:1px solid var(--cp-border);background:#fff;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.cp-modal-head-text{flex:1;min-width:0}.cp-modal-title{color:#0f172a;margin:0;font-size:17px;font-weight:800}.cp-modal-subtitle{color:#64748b;margin:2px 0 0;font-size:12.5px}.cp-modal-close{aspect-ratio:1;color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;max-width:32px;height:32px;min-height:32px;max-height:32px;padding:0;transition:all .15s;display:flex}.cp-modal-close:hover{color:#0f172a;background:#e2e8f0}.cp-modal-search-bar{border-bottom:1px solid var(--cp-border);background:#f8fafc;padding:14px 20px}.cp-modal-input-wrap{align-items:center;margin-bottom:10px;display:flex;position:relative}.cp-modal-text-input{border:1px solid var(--cp-border);color:#0f172a;background:#fff;border-radius:8px;outline:none;width:100%;height:40px;padding:0 34px 0 36px;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.cp-modal-text-input:focus{border-color:var(--cp-primary);box-shadow:0 0 0 3px #0284c71f}.cp-modal-input-wrap svg:first-child{pointer-events:none;position:absolute;left:12px}.cp-modal-cat-pills{scrollbar-width:none;-ms-overflow-style:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.cp-modal-cat-pills::-webkit-scrollbar{display:none}.cp-cat-pill{border:1px solid var(--cp-border);color:#475569;white-space:nowrap;cursor:pointer;background:#fff;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:all .15s}.cp-cat-pill:hover{color:#0f172a;background:#f1f5f9}.cp-cat-pill.active{background:var(--cp-primary);border-color:var(--cp-primary);color:#fff;font-weight:700}.cp-modal-results{flex:1;max-height:460px;padding:14px 20px;overflow-y:auto}.cp-modal-loading{text-align:center;color:#64748b;padding:36px 0}.cp-modal-loading-text{margin-top:8px;font-size:13.5px;font-weight:600}.cp-modal-results-grid{flex-direction:column;gap:8px;display:flex}.cp-modal-product-item{border:1px solid var(--cp-border);background:#fff;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;transition:all .15s;display:flex}.cp-modal-product-item:hover{background:#f8fafc;border-color:#cbd5e1}.cp-modal-thumb-box{border:1px solid var(--cp-border);box-sizing:border-box;background:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;padding:3px;display:flex;overflow:hidden}.cp-modal-thumb{object-fit:contain;width:100%;height:100%;display:block}.cp-modal-prod-info{flex:1;min-width:0}.cp-modal-prod-cat{color:var(--cp-primary);text-transform:uppercase;font-size:10.5px;font-weight:700}.cp-modal-prod-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:1px 0 3px;font-size:13.5px;font-weight:700;overflow:hidden}.cp-modal-prod-mfr{color:#64748b;align-items:center;gap:6px;font-size:11.5px;display:flex}.cp-modal-prod-mfr-name{white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden}.cp-dot{font-size:10px}.cp-modal-add-btn{color:#0f172a;border:1px solid var(--cp-border);cursor:pointer;white-space:nowrap;background:#f1f5f9;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;height:32px;padding:0 12px;font-size:11.5px;font-weight:700;transition:all .15s;display:inline-flex}.cp-modal-add-btn:hover:not(:disabled){background:var(--cp-primary);color:#fff;border-color:var(--cp-primary)}.cp-modal-add-btn.added{background:var(--cp-success-bg);color:var(--cp-success-text);cursor:default;border-color:#bbf7d0}.cp-modal-empty{text-align:center;color:#64748b;padding:36px 16px}.cp-modal-empty-title{margin-top:6px;font-size:14px;font-weight:700}.cp-modal-empty-desc{margin:4px 0 0;font-size:12px}@media (max-width:1024px){.cp-hero-grid{grid-template-columns:1fr;gap:20px}.cp-hero-action-card{max-width:100%}.cp-mobile-swipe-hint{display:flex}.cp-sticky-col{width:200px;min-width:200px;max-width:200px}}@media (max-width:768px){.cp-section{padding:18px 0 48px}.cp-hero{min-height:auto;padding:24px 0 28px}.cp-breadcrumb{gap:6px;margin-bottom:12px;font-size:12px}.cp-hero-badge{margin-bottom:10px;padding:3px 10px;font-size:10.5px}.cp-hero-title{margin-bottom:8px;font-size:24px;line-height:1.25}.cp-hero-subtitle{font-size:13px;line-height:1.5}.cp-hero-action-card{border-radius:12px;padding:14px 16px}.cp-tray-header{margin-bottom:6px}.cp-tray-desc{margin-bottom:12px;font-size:12px;line-height:1.4}.cp-tray-actions{grid-template-columns:1fr 1fr 1fr;gap:8px;width:100%;display:grid}.cp-hero-btn-add{grid-column:1/-1;height:40px;font-size:13px}.cp-hero-btn-secondary,.cp-hero-btn-clear{height:38px;padding:0 8px;font-size:12px}.cp-toolbar{border-radius:10px;flex-direction:column;align-items:stretch;gap:10px;margin-bottom:12px;padding:10px 12px}.cp-filter-tabs-wrapper{width:100%;padding-bottom:2px}.cp-tab-btn{height:34px;padding:6px 11px;font-size:12px}.cp-toolbar-toggles{flex-direction:column;align-items:stretch;gap:8px;width:100%}.cp-attr-search{width:100%}.cp-attr-input{height:36px;font-size:13px;width:100%!important}.cp-toggles-group{justify-content:space-between;align-items:center;gap:8px;width:100%;padding:2px 2px 0;display:flex}.cp-toggle-label{gap:5px;font-size:11.5px}.cp-matrix-card{border-radius:12px}.cp-matrix-table{min-width:620px}.cp-sticky-col{width:145px;min-width:145px;max-width:145px;box-shadow:4px 0 10px -2px #00000014}.cp-criteria-head{padding:12px 10px}.cp-criteria-head-title{font-size:11.5px}.cp-criteria-head-sub{font-size:10.5px}.cp-criteria-cell{padding:10px;font-size:12px}.cp-criteria-title{font-size:12px}.cp-criteria-hint{margin-top:1px;font-size:10px}.cp-product-col-head{width:215px;min-width:215px;padding:12px 14px}.cp-header-thumb-box{height:100px;margin-bottom:8px}.cp-remove-col-btn{width:24px;min-width:24px;height:24px;min-height:24px}.cp-header-cat{margin-bottom:2px;font-size:10px}.cp-header-title{min-height:34px;margin-bottom:4px;font-size:13px;line-height:1.3}.cp-header-supplier{font-size:11px}.cp-header-supplier-name{max-width:160px}.cp-header-cta-row{grid-template-columns:1.25fr .75fr;gap:5px;margin-top:8px}.cp-btn-rfq{height:34px;padding:0 8px;font-size:11.5px}.cp-btn-view{height:34px;padding:0 6px;font-size:11.5px}.cp-empty-slot-card{padding:16px 10px}.cp-empty-slot-icon{width:36px;height:36px;margin-bottom:6px}.cp-empty-slot-title{font-size:12.5px}.cp-empty-slot-desc{margin-bottom:8px;font-size:10.5px}.cp-btn-add-slot{height:30px;padding:0 10px;font-size:11px}.cp-data-cell{padding:10px 14px;font-size:12.5px}.cp-price-val{font-size:13.5px}.cp-price-sub{font-size:10px}.cp-moq-badge{padding:2px 6px;font-size:11.5px}.cp-row-pill{padding:2px 7px;font-size:11px}.cp-cert-tag{padding:2px 5px;font-size:10px}.cp-tier-badge{padding:1px 6px;font-size:10px}.cp-audit-score-badge{width:24px;height:24px;font-size:10px}.cp-audit-rating{font-size:11.5px}.cp-audit-sub{font-size:9.5px}.cp-matrix-skeleton-wrap{padding:14px}.cp-skeleton-header,.cp-skeleton-row{grid-template-columns:145px 215px 215px;gap:12px}.cp-skeleton-card-cell{height:160px}.cp-modal-backdrop{align-items:flex-end;padding:10px}.cp-modal-window{border-radius:16px 16px 12px 12px;max-height:88vh}.cp-modal-head{padding:14px 16px}.cp-modal-title{font-size:15px}.cp-modal-subtitle{font-size:11.5px}.cp-modal-search-bar{padding:10px 14px}.cp-modal-text-input{height:38px;font-size:13px}.cp-modal-results{max-height:52vh;padding:10px 14px}}@media (max-width:480px){.cp-hero{padding:18px 0 22px}.cp-hero-title{letter-spacing:-.3px;font-size:21px}.cp-hero-subtitle{font-size:12.5px}.cp-hero-action-card{padding:12px 14px}.cp-tray-actions{grid-template-columns:1fr 1fr 1fr;gap:6px}.cp-hero-btn-add{height:38px;font-size:12px}.cp-hero-btn-secondary,.cp-hero-btn-clear{gap:3px;height:36px;padding:0 4px;font-size:11.5px}.cp-sticky-col{width:130px;min-width:130px;max-width:130px}.cp-criteria-head{padding:10px 8px}.cp-criteria-cell{padding:9px 8px}.cp-criteria-title{font-size:11px;line-height:1.25}.cp-criteria-hint{display:none}.cp-product-col-head{width:195px;min-width:195px;padding:10px}.cp-header-thumb-box{height:85px}.cp-header-title{min-height:30px;font-size:12px}.cp-header-supplier{font-size:10.5px}.cp-header-supplier-name{max-width:140px}.cp-header-cta-row{grid-template-columns:1fr 1fr;gap:4px}.cp-btn-rfq{gap:3px;height:32px;padding:0 4px;font-size:11px}.cp-btn-view{height:32px;padding:0 4px;font-size:11px}.cp-data-cell{padding:9px 10px;font-size:11.5px}.cp-price-val{font-size:12.5px}.cp-terms-text{font-size:11px}.cp-logistics-cell{flex-direction:column;align-items:flex-start;gap:4px}.cp-empty-state-card{border-radius:12px;padding:36px 16px}.cp-empty-state-icon{width:52px;height:52px;margin-bottom:12px}.cp-empty-title{font-size:18px}.cp-empty-desc{margin-bottom:18px;font-size:13px}.cp-empty-actions{flex-direction:column;gap:8px;margin-bottom:24px}.cp-btn-solid,.cp-btn-outline{justify-content:center;width:100%;height:40px;font-size:12.5px}.cp-presets-grid{grid-template-columns:1fr}.cp-preset-card{padding:14px}.cp-modal-backdrop{padding:0}.cp-modal-window{border-radius:16px 16px 0 0;max-height:94vh}.cp-modal-product-item{gap:8px;padding:8px 10px}.cp-modal-thumb-box{width:40px;height:40px}.cp-modal-prod-title{font-size:12.5px}.cp-modal-prod-mfr{font-size:10.5px}.cp-modal-add-btn{height:30px;padding:0 10px;font-size:11px}}@media (max-height:500px) and (orientation:landscape){.cp-hero{padding:16px 0}.cp-hero-grid{grid-template-columns:1fr 1fr;gap:16px}.cp-modal-window{max-height:95vh}.cp-modal-results{max-height:40vh}}@media print{.cp-hero,.cp-toolbar,.cp-mobile-swipe-hint,.cp-header-cta-row,.cp-remove-col-btn,.cp-empty-col,.cp-empty-cell,.cp-modal-backdrop,header,footer{display:none!important}.cp-page{background:#fff!important;padding:0!important}.cp-section{padding:0!important}.cp-matrix-card{box-shadow:none!important;border:none!important}.cp-table-responsive{overflow:visible!important}.cp-matrix-table{width:100%!important;min-width:100%!important}.cp-sticky-col{box-shadow:none!important;position:static!important}.cp-matrix-row{page-break-inside:avoid}}