:root{--brand:#4f46e5;--brand-dark:#3730a3;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--surface:#fff;--bg:#f8fafc;--danger:#be123c;--success:#047857;--radius:1rem;--shadow:0 8px 30px rgba(15,23,42,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Outfit,system-ui,sans-serif;display:flex;flex-direction:column}button,input{font:inherit}.shell{width:min(100% - 2rem,80rem);margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:#fff;padding:.75rem 1rem;border-radius:.5rem}.skip-link:focus{top:1rem}
.rates-bar{position:sticky;top:0;z-index:60;background:#0d1117;color:#e2e8f0;border-bottom:1px solid #1e293b}.rates-inner{min-height:2.5rem;display:flex;align-items:center;justify-content:center;gap:1.25rem;overflow:auto;padding:.4rem 1rem;font-size:.75rem;white-space:nowrap}.rates-live{color:#94a3b8;text-transform:uppercase;letter-spacing:.1em}.rates-live i{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:#34d399;margin-right:.35rem}.rates-inner b{color:#fff;margin-left:.3rem}
.site-header{background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:4.25rem;gap:1rem}.brand{font-size:1.25rem;text-decoration:none;color:var(--muted)}.brand strong{color:var(--brand)}.header-inner nav{display:flex;gap:1rem}.header-inner nav a{color:#475569;text-decoration:none;font-size:.9rem}.header-inner nav a:hover,.header-inner nav a:focus{color:var(--brand)}.site-footer{margin-top:auto;border-top:1px solid var(--line);background:#fff;color:#94a3b8;padding:1.5rem 0;font-size:.875rem}
.home-main{display:grid;place-items:center;flex:1;width:100%;padding:4rem 1rem}.home-hero{text-align:center;width:min(100%,44rem)}.home-hero>p{color:var(--muted)}.home-hero h1{font-size:clamp(2.75rem,10vw,5rem);line-height:1;color:var(--brand);margin:1rem 0 2rem}.home-search{text-align:left}.home-actions{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#fff;color:#334155;border-radius:.65rem;padding:.7rem 1rem;font-weight:600;text-decoration:none;cursor:pointer}.button-primary{background:var(--brand);border-color:var(--brand);color:#fff}.button-primary:hover{background:var(--brand-dark)}.button-wide{width:100%;margin-top:.75rem}
.search-wrap{position:relative;z-index:40}.search-field{position:relative}.search-field>i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8}.search-field input{width:100%;border:1px solid var(--line);border-radius:999px;background:#fff;padding:.8rem 2.8rem;outline:none;box-shadow:0 1px 3px rgba(15,23,42,.05)}.search-field input:focus{border-color:#a5b4fc;box-shadow:0 0 0 3px #e0e7ff}.search-field button{position:absolute;right:.7rem;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#64748b;padding:.4rem}.search-list{position:absolute;left:0;right:0;top:calc(100% + .25rem);max-height:25rem;overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.search-option{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #f1f5f9;background:#fff;padding:.75rem 1rem;cursor:pointer}.search-option:last-child{border:0}.search-option[aria-selected=true],.search-option:hover{background:#eef2ff}.search-option strong{display:block;color:var(--ink)}.search-option span{font-size:.8rem;color:var(--muted)}.search-message{padding:1rem;color:var(--muted)}
.catalog-toolbar{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.5rem}.catalog-toolbar h1,.page-heading h1{font-size:2rem;font-weight:700;color:var(--ink)}.catalog-toolbar p,.page-heading p{color:var(--muted)}.catalog-search{width:min(100%,34rem)}.catalog-layout{display:grid;grid-template-columns:minmax(220px,24%) 1fr;gap:1.5rem}.catalog-filter-toggle{display:none}.catalog-sidebar,.catalog-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 3px rgba(15,23,42,.04)}.catalog-sidebar{padding:1rem;align-self:start}.catalog-sidebar h2{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.75rem}.filter-button{display:flex;width:100%;gap:.5rem;align-items:center;border:0;border-radius:.6rem;background:transparent;color:#475569;padding:.6rem .7rem;text-align:left;cursor:pointer}.filter-button span:first-child{flex:1}.filter-button small{background:#f1f5f9;border-radius:999px;padding:.1rem .45rem}.filter-button:hover,.filter-button.active{background:#eef2ff;color:var(--brand-dark)}.subcategory-list{border-left:1px solid var(--line);margin:.1rem 0 .4rem 1rem;padding-left:.35rem}.catalog-panel{overflow:hidden}.state{padding:2rem;text-align:center;color:var(--muted)}.state.error{color:var(--danger)}.table-wrap{overflow:auto}.catalog-table{width:100%;border-collapse:collapse;font-size:.875rem}.catalog-table th,.catalog-table td{padding:.8rem 1rem;border-bottom:1px solid #f1f5f9;text-align:left;white-space:nowrap}.catalog-table th{background:#f8fafc;color:#475569;font-size:.72rem;text-transform:uppercase}.catalog-table tr[data-index]{cursor:pointer}.catalog-table tr[data-index]:hover{background:#f8fafc}.catalog-table a,.part-link{color:var(--brand-dark);font-weight:600}.catalog-cards{display:none}.pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem}.pagination button,.pagination [data-page]{border:1px solid var(--line);border-radius:.5rem;background:#fff;padding:.45rem .7rem;cursor:pointer}.pagination button:disabled{opacity:.4}.pagination .current{background:#eef2ff;color:var(--brand-dark);font-weight:700}
.modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:1rem}.modal[hidden]{display:none}.modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.65)}.modal-card{position:relative;width:min(100%,42rem);max-height:90vh;overflow:auto;background:#fff;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);outline:none}.modal-close{position:absolute;right:.8rem;top:.6rem;border:0;background:transparent;font-size:1.7rem;color:#64748b}.detail-metals{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1rem}.detail-metals div{display:flex;justify-content:space-between;background:#f8fafc;border-radius:.5rem;padding:.65rem}.price{color:var(--success);font-size:1.2rem;font-weight:700;margin:.8rem 0}.page-heading{text-align:center;margin-bottom:2rem}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.drop-zone{width:100%;min-height:22rem;border:2px dashed #cbd5e1;border-radius:var(--radius);background:#fff;color:#64748b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;cursor:pointer}.drop-zone:hover,.drop-zone.dragging{border-color:var(--brand);background:#eef2ff}.drop-zone i{font-size:3rem}.drop-zone strong{font-size:1.1rem;color:#334155}.crop-frame{max-height:28rem;overflow:hidden;border-radius:var(--radius);background:#e2e8f0;padding:.5rem}.crop-frame img{display:block;max-width:100%}.notice{border:1px solid #c7d2fe;background:#eef2ff;border-radius:.75rem;padding:1rem;margin-bottom:1rem}.result-stack{display:grid;gap:.75rem}.result-card{border:1px solid var(--line);background:#fff;border-radius:.75rem;padding:1rem}.result-card.exact{border-color:#6ee7b7;background:#ecfdf5}
.breadcrumbs{margin-bottom:1.25rem;color:var(--muted);font-size:.875rem}.breadcrumbs a{color:var(--brand-dark)}.category-heading{padding:1.25rem;border-bottom:1px solid var(--line)}.category-heading h1{font-size:1.75rem;font-weight:700;color:var(--ink)}.category-heading p{color:var(--muted)}.part-hero{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:2rem}.part-image{min-height:20rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:#cbd5e1}.part-image img{max-width:100%;max-height:22rem;object-fit:contain}.part-image i{font-size:5rem}.eyebrow{display:inline-block;background:#eef2ff;color:var(--brand-dark);border-radius:999px;padding:.3rem .65rem;font-size:.75rem;font-weight:700;text-transform:uppercase}.part-hero h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--ink);margin:.75rem 0}.part-description{color:#475569;line-height:1.6}.price-panel,.metal-table-section{margin-top:1.5rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:1.25rem}.price-panel h2,.metal-table-section h2{font-weight:700;color:var(--ink);margin-bottom:.5rem}.metal-table-section{padding:0;overflow:hidden}.metal-table-section h2{padding:1.25rem;margin:0;border-bottom:1px solid var(--line)}.error-page{text-align:center;padding:5rem 1rem}.error-code{font-size:5rem;font-weight:700;color:#c7d2fe}.error-page h1{font-size:2rem;font-weight:700;color:var(--ink)}.error-page>p:not(.error-code){color:var(--muted);margin:.75rem 0 1.5rem}.error-page .button{margin:.25rem}
@media(max-width:760px){.header-inner{align-items:flex-start;flex-direction:column;padding:.8rem 0}.catalog-toolbar{align-items:stretch;flex-direction:column;gap:1rem}.catalog-layout{grid-template-columns:1fr}.catalog-filter-toggle{display:inline-flex;justify-self:start}.catalog-sidebar{display:none;max-height:18rem;overflow:auto}.catalog-sidebar.is-open{display:block}.table-wrap{display:none}.catalog-cards{display:grid;gap:.75rem;padding:.75rem}.catalog-card{border:1px solid var(--line);border-radius:.75rem;padding:1rem;background:#fff}.catalog-card h3{font-weight:700;color:var(--brand-dark)}.catalog-card-meta{color:var(--muted);font-size:.8rem;margin:.25rem 0 .7rem}.metal-chips{display:flex;flex-wrap:wrap;gap:.35rem}.metal-chips span{background:#f1f5f9;border-radius:.4rem;padding:.25rem .4rem;font-size:.75rem}.photo-grid,.part-hero{grid-template-columns:1fr}.detail-metals{grid-template-columns:1fr}.rates-live{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Unified 2026 visual shell */
body{background:#f4f7fb;color:#1e293b}
.site-header{position:relative;z-index:50;background:#0f172a;border-bottom:1px solid #1e293b;backdrop-filter:none}
.header-inner{min-height:5rem}
.brand{display:flex;align-items:center;gap:.75rem;color:#fff;text-decoration:none}
.brand-mark{display:grid;width:2.65rem;height:2.65rem;place-items:center;border-radius:.8rem;background:#4f46e5;color:#fff;font-size:.82rem;font-weight:700;letter-spacing:.04em}
.brand-copy{display:grid;line-height:1.05}.brand-copy strong{color:#fff;font-size:1.05rem;letter-spacing:.06em}.brand-copy small{margin-top:.3rem;color:#94a3b8;font-size:.67rem;font-weight:400;letter-spacing:.02em}
.site-nav{display:flex;align-items:center;gap:.35rem!important}.site-nav .nav-link{display:inline-flex;align-items:center;gap:.45rem;border-radius:.65rem;color:#cbd5e1!important;padding:.65rem .85rem;font-size:.86rem;font-weight:600;text-decoration:none}
.site-nav .nav-link:hover,.site-nav .nav-link:focus-visible{background:#1e293b;color:#fff!important}
.site-nav .nav-link.active{background:#312e81;color:#fff!important}
.site-nav .nav-photo{margin-left:.25rem;background:#4f46e5;color:#fff!important}.site-nav .nav-photo:hover{background:#4338ca}
.site-nav button.nav-link{border:0;font-family:inherit}.site-nav .nav-photo.disabled{cursor:not-allowed;background:#334155;color:#94a3b8!important;opacity:.72}.site-nav .nav-photo.disabled:hover{background:#334155;color:#94a3b8!important}.site-nav .nav-photo small{border-radius:999px;background:#475569;padding:.15rem .35rem;color:#cbd5e1;font-size:.6rem;letter-spacing:.04em;text-transform:uppercase}
.rates-bar{position:relative;background:#080d17;border-color:#1e293b}
.site-footer{background:#0f172a;border-color:#1e293b;color:#94a3b8}
.home-main{min-height:calc(100vh - 10rem);background:#f4f7fb}
.home-hero{padding:3rem;border:1px solid #e2e8f0;border-radius:1.75rem;background:#fff;box-shadow:0 24px 60px rgba(15,23,42,.09)}
.home-hero h1{font-size:clamp(3rem,10vw,5.5rem);letter-spacing:-.055em}
.page-kicker{display:inline-flex;margin-bottom:.75rem;border-radius:999px;background:#e0e7ff;color:#3730a3;padding:.35rem .65rem;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.catalog-toolbar{align-items:center;margin-bottom:1.5rem;border:1px solid #e2e8f0;border-radius:1.5rem;background:#fff;padding:1.75rem 2rem;box-shadow:0 12px 36px rgba(15,23,42,.06)}
.page-intro{max-width:38rem}.catalog-toolbar h1{margin:0 0 .45rem;font-size:clamp(1.8rem,4vw,2.5rem);letter-spacing:-.035em}.catalog-toolbar p{max-width:42rem;margin:0;line-height:1.55}.catalog-search{width:min(100%,30rem)}
.catalog-layout{gap:1.25rem}.catalog-sidebar,.catalog-panel{border-color:#e2e8f0;border-radius:1.25rem;box-shadow:0 10px 30px rgba(15,23,42,.05)}.catalog-sidebar{padding:1.1rem}.catalog-sidebar h2{padding:.25rem .55rem}.filter-button{border-radius:.7rem;padding:.7rem}.filter-button.active{background:#e0e7ff;color:#3730a3;font-weight:700}
.category-heading{background:#f8fafc;padding:1.5rem 1.75rem}.category-heading h1{font-size:2rem;letter-spacing:-.025em}.catalog-table th{height:3rem;background:#f8fafc}.catalog-table td{height:3.25rem}.catalog-table tbody tr:hover{background:#f5f7ff}
.page-heading{max-width:48rem;margin:0 auto 2rem}.page-heading h1{margin:.1rem 0 .5rem;font-size:clamp(2rem,5vw,3rem);letter-spacing:-.04em}.page-heading p{max-width:40rem;margin:.5rem auto;line-height:1.6}
.step-list{display:flex;justify-content:center;gap:.65rem;flex-wrap:wrap;margin:1.25rem 0 0;padding:0;list-style:none}.step-list li{display:flex;align-items:center;gap:.45rem;border:1px solid #e2e8f0;border-radius:999px;background:#fff;padding:.45rem .75rem;color:#475569;font-size:.8rem;font-weight:600}.step-list li span{display:grid;width:1.35rem;height:1.35rem;place-items:center;border-radius:50%;background:#4f46e5;color:#fff;font-size:.68rem}
.photo-guide{margin-bottom:1.25rem;border:1px solid #c7d2fe;border-radius:1.25rem;background:#eef2ff;padding:1.25rem}.photo-guide-heading{display:flex;align-items:center;gap:.8rem}.photo-guide-heading h2{margin:0;color:#1e1b4b;font-size:1.05rem}.photo-guide-heading p{margin:.2rem 0 0;color:#6366f1;font-size:.82rem}.guide-icon{display:grid;width:2.5rem;height:2.5rem;flex:0 0 auto;place-items:center;border-radius:.75rem;background:#4f46e5;color:#fff}.photo-tips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem}.photo-tips article{display:flex;gap:.7rem;border:1px solid #dbeafe;border-radius:.8rem;background:#fff;padding:.8rem}.photo-tips article>i{margin-top:.15rem;color:#4f46e5}.photo-tips strong,.photo-tips span{display:block}.photo-tips strong{color:#1e293b;font-size:.82rem}.photo-tips span{margin-top:.18rem;color:#64748b;font-size:.76rem;line-height:1.4}.photo-warning{display:flex;align-items:flex-start;gap:.45rem;margin:.85rem 0 0;color:#92400e;font-size:.78rem}.photo-warning i{margin-top:.1rem}
.photo-grid{align-items:start}.workspace-card{min-height:30rem;border:1px solid #e2e8f0;border-radius:1.35rem;background:#fff;padding:1.25rem;box-shadow:0 12px 34px rgba(15,23,42,.06)}.results-workspace h2{margin:0 0 .75rem;font-size:1.15rem}.drop-zone{min-height:27rem;border-radius:1rem;background:#f8fafc}.drop-zone:hover,.drop-zone.dragging{background:#eef2ff}
.part-hero{align-items:stretch}.part-image,.price-panel,.metal-table-section{border-radius:1.25rem;box-shadow:0 12px 34px rgba(15,23,42,.05)}.part-image{background:#fff}.part-hero>div:last-child{border:1px solid #e2e8f0;border-radius:1.25rem;background:#fff;padding:2rem;box-shadow:0 12px 34px rgba(15,23,42,.05)}.part-hero h1{letter-spacing:-.045em}.price-panel{background:#f8fafc;box-shadow:none}
.breadcrumbs{margin:0 0 1.1rem;border:1px solid #e2e8f0;border-radius:.8rem;background:#fff;padding:.75rem 1rem}

@media(max-width:760px){
  .header-inner{align-items:stretch;flex-direction:column;padding:1rem 0}.brand{align-self:flex-start}.site-nav{width:100%;overflow-x:auto;padding-bottom:.15rem}.site-nav .nav-link{flex:0 0 auto}.site-nav .nav-photo{margin-left:0}
  .home-hero{padding:2rem 1.25rem;border-radius:1.25rem}.catalog-toolbar{align-items:stretch;padding:1.25rem;border-radius:1.15rem}
  .photo-tips{grid-template-columns:1fr}.workspace-card{min-height:auto}.drop-zone{min-height:19rem}.part-image.is-empty{display:none}.metal-table-section .table-wrap{display:block}.part-hero>div:last-child{padding:1.25rem}.step-list{justify-content:flex-start}
}
.search-field input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}
.search-field input::-ms-clear{display:none}
.search-field input{padding-right:12.5rem}
.search-field select{position:absolute;right:2.7rem;top:50%;max-width:9.25rem;transform:translateY(-50%);border:0;border-left:1px solid var(--line);background:#fff;color:#475569;padding:.25rem .45rem;outline:none;font-size:.78rem;cursor:pointer}
.search-field select:focus-visible{color:var(--brand-dark)}
.search-group-title{border-bottom:1px solid #eef2f7;background:#f8fafc;padding:.45rem 1rem;color:#64748b;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
@media(max-width:520px){.search-field input{padding-right:10.5rem}.search-field select{max-width:7.5rem;font-size:.72rem}}
.catalog-toolbar{display:block}
.catalog-toolbar .page-intro{max-width:none}
.catalog-toolbar .catalog-search{width:100%;margin-top:1.5rem}
.catalog-view-toggle{display:flex;align-items:center;justify-content:flex-end;gap:.35rem;border-bottom:1px solid var(--line);background:#f8fafc;padding:.65rem 1rem;color:#64748b;font-size:.78rem}
.catalog-view-toggle button{border:1px solid transparent;border-radius:.55rem;background:transparent;color:#475569;padding:.35rem .65rem;cursor:pointer}
.catalog-view-toggle button:hover{background:#eef2ff;color:var(--brand-dark)}
.catalog-view-toggle button.active{border-color:#c7d2fe;background:#e0e7ff;color:#3730a3;font-weight:700}
.catalog-table td:first-child{white-space:normal;overflow-wrap:anywhere}
.catalog-table[data-view=compact]{table-layout:fixed}
.catalog-table[data-view=compact] th:nth-child(1){width:25%}
.catalog-table[data-view=compact] th:nth-child(2){width:20%}
.catalog-table[data-view=compact] th:nth-child(3){width:39%}
.catalog-table[data-view=compact] th:nth-child(4){width:16%}
.catalog-table[data-view=compact] td:nth-child(2),.catalog-table[data-view=compact] td:nth-child(3){white-space:normal}
.metal-chips{display:flex;flex-wrap:wrap;gap:.35rem}
.metal-chip{display:inline-flex;border:1px solid transparent;border-radius:999px;padding:.22rem .48rem;font-size:.72rem;font-weight:600;line-height:1.2;white-space:nowrap}
.metal-chip.metal-au{border-color:#fcd34d;background:#fef3c7;color:#92400e}
.metal-chip.metal-ag{border-color:#cbd5e1;background:#f1f5f9;color:#475569}
.metal-chip.metal-pt{border-color:#93c5fd;background:#dbeafe;color:#1e40af}
.metal-chip.metal-pd{border-color:#c4b5fd;background:#ede9fe;color:#5b21b6}
.metal-chip.metal-pgm{border-color:#fda4af;background:#ffe4e6;color:#9f1239}
.metal-chip.metal-empty{border-color:#e2e8f0;background:#f8fafc;color:#94a3b8}
@media(max-width:760px){.catalog-view-toggle{display:none}}
.category-badges{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}
.category-separator{color:#94a3b8;font-weight:700}