*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#fffbeb;color:#111827;font:16px/1.5 Arial,Helvetica,sans-serif}.shell{max-width:1380px;margin:auto;padding-left:25px;padding-right:25px}.skip{position:absolute;top:-100px;left:15px;background:white;padding:12px;z-index:5}.skip:focus{top:10px}.sample-banner{background:#fef3c7;color:#92400e;border-bottom:1px solid #fcd34d;text-align:center;padding:9px 15px;font-size:14px}.header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:22px;padding-bottom:22px;border-bottom:1px solid #d1d5db;background:white;max-width:none;padding-left:max(25px,calc((100vw - 1330px)/2));padding-right:max(25px,calc((100vw - 1330px)/2))}h1{font-size:25px;margin:0;font-weight:700}.header p{font-size:14px;color:#666;margin:2px 0 0}nav{display:flex;flex-wrap:wrap;gap:10px}nav a,nav button{display:inline-block;border:1px solid #d1d5db;border-radius:10px;padding:10px 14px;font-weight:700;text-decoration:none;font-size:15px;background:#fff;font-family:inherit;cursor:pointer}.nav-item{background:#fffbeb;border-color:#fcd34d;color:#92400e}.nav-company{background:#f6f7fb;border-color:#b7bfd9;color:#5f6f96}.nav-terms{background:#f3e8ff;border-color:#7c3aed;color:#6d28d9}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,.table-scroll:focus-visible{outline:3px solid #1d4ed8;outline-offset:3px}main{padding-top:25px;padding-bottom:20px}h2{font-size:22px;margin:0}h3{font-size:17px;margin:0 0 12px}.heading{display:flex;align-items:center;gap:13px;margin-bottom:18px}.pill{display:inline-block;background:#fff;border:1px solid #fcd34d;border-radius:999px;padding:3px 11px;font-size:14px;color:#92400e}.toolbar{display:flex;gap:15px;align-items:end;flex-wrap:wrap}.toolbar label{font-size:14px;font-weight:700;display:flex;flex-direction:column;gap:5px}.search-label{flex:1;min-width:260px;max-width:650px}input,select{font:inherit;font-size:16px;border:1px solid #b9c1cc;border-radius:6px;padding:10px 12px;background:white;color:#111827;min-height:43px}select{min-width:200px}.price-note{font-size:14px;color:#566172;margin:15px 0}.table-scroll{overflow:auto;border:1px solid #d1d5db;border-radius:8px;background:#fff}table{width:100%;border-collapse:collapse;min-width:860px}th{background:#f7f7f7;color:#374151;font-size:14px;font-weight:700;text-align:left;padding:13px 15px;border-bottom:1px solid #d1d5db;white-space:nowrap}td{font-size:16px;padding:14px 15px;border-bottom:1px solid #e5e7eb}tr:last-child td{border-bottom:0}tr:hover td{background:#fffcf1}.category-cell{font-size:14px;color:#566172}.item-name{font-weight:700}.rate-cell{font-variant-numeric:tabular-nums;white-space:nowrap}.view-button,.close{font:inherit;font-size:14px;font-weight:700;border:1px solid #fcd34d;background:#fffbeb;color:#92400e;border-radius:7px;padding:8px 14px;cursor:pointer}.panel{border:1px solid #d1d5db;background:#fff;border-radius:10px;padding:23px;margin-top:26px}.panel h2{margin-bottom:20px}.company-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:35px}.company-grid p{margin:7px 0;color:#4b5563;overflow-wrap:anywhere}.company-panel{border-top:3px solid #b7bfd9}.terms-panel{border-top:3px solid #b7afd6}.terms-panel p{margin:10px 0;color:#4b5563}.preserve-lines{white-space:pre-line}.footer{display:flex;justify-content:space-between;gap:20px;font-size:14px;color:#6b7280;padding-top:20px;padding-bottom:25px}dialog{border:1px solid #cbd5e1;border-radius:12px;padding:0;width:min(1050px,calc(100% - 30px));max-height:calc(100dvh - 40px);box-shadow:0 20px 80px #0003;background:#fff;color:#111827}dialog::backdrop{background:#11182788}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;background:#fffbeb;border-bottom:1px solid #fcd34d;margin:0}.dialog-header p{font-size:14px;color:#92400e;margin:3px 0 0}#item-details{padding:20px 22px;overflow-wrap:anywhere}.detail-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.detail-panel{border:1px solid #d1d5db;border-radius:8px;padding:16px;margin-bottom:16px;background:#fff}.detail-panel h3{background:#f7f7f7;margin:-16px -16px 15px;padding:10px 15px;border-bottom:1px solid #d1d5db;border-radius:8px 8px 0 0}.detail-panel p{margin:8px 0;font-size:16px;color:#4b5563}.record-fields{margin:0}.field{margin-bottom:10px}.field:last-child{margin:0}.field dt{font-size:14px;font-weight:700;color:#4b5563}.field dd{font-size:16px;margin:2px 0 0}.dialog-footer{display:flex;justify-content:flex-end;padding:12px 22px;border-top:1px solid #d1d5db;background:#f9fafb;margin:0}.close{background:#fff;border-color:#cbd5e1;color:#374151}@media(max-width:800px){.header{flex-direction:column;align-items:flex-start}.detail-grid{grid-template-columns:1fr 1fr}.detail-grid .detail-panel:last-child{grid-column:1/-1}.shell{padding-left:17px;padding-right:17px}.company-grid{grid-template-columns:1fr;gap:18px}.table-scroll{border-radius:6px}nav a,nav button{font-size:14px;padding:9px 11px}}@media(max-width:520px){h1{font-size:23px}.detail-grid{grid-template-columns:1fr}.detail-grid .detail-panel:last-child{grid-column:auto}.toolbar label{width:100%;max-width:none;min-width:0}nav{gap:7px}nav a,nav button{font-size:14px;padding:8px}.footer{flex-direction:column;gap:5px}.panel{padding:18px}#item-details{padding:15px}.dialog-header{padding:15px}dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Item View: rate record above image, description, and specifications. */
.record-horizontal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px}.record-horizontal .field{margin:0}.record-horizontal dd{font-variant-numeric:tabular-nums}.photo-area{min-height:200px;display:flex;align-items:center;justify-content:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:5px;overflow:hidden}.photo-area img{display:block;width:100%;height:220px;object-fit:contain;background:white}.photo-empty{font-size:14px!important;color:#6b7280!important;text-align:center;padding:20px}.detail-grid .detail-panel{min-width:0}@media(max-width:900px){.record-horizontal{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:800px){.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-grid .detail-panel:last-child{grid-column:auto}}@media(max-width:620px){.record-horizontal{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:1fr}.photo-area img{height:250px}}
/* Catalog views and company identity. */
[hidden]{display:none!important}.brand{display:flex;align-items:center;gap:18px}.company-logo{width:110px;height:110px;object-fit:contain}.view-controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.view-controls button{font:inherit;font-weight:700;padding:10px 16px;border:1px solid #cbd5e1;border-radius:8px;background:white;cursor:pointer}.view-controls button[aria-pressed="true"]{background:#fffbeb;color:#92400e;border-color:#f59e0b}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:20px 0}.category-card{display:flex;flex-direction:column;text-align:left;font:inherit;color:inherit;border:1px solid #d1d5db;border-radius:12px;background:white;overflow:hidden;padding:0 0 18px;cursor:pointer;max-width:450px}.category-card:hover{border-color:#d97706;box-shadow:0 4px 18px #0001}.category-card h3{margin:16px 18px 4px}.category-card>span{margin:0 18px;color:#566172;font-size:14px}.category-card .card-action{margin-top:14px;color:#92400e;font-weight:700}.category-photo{height:185px;background:#f9fafb;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #e5e7eb}.category-photo img{width:100%;height:100%;object-fit:contain}.category-photo .photo-empty{color:#92400e!important;font-weight:700}.category-items>.view-button{margin-top:16px}
@media(max-width:520px){.company-logo{width:80px;height:80px}.category-grid{grid-template-columns:1fr}.category-card{max-width:none}}
@media print{@page{size:landscape;margin:12mm}body{background:white;font-size:10pt}.shell{max-width:none;padding:0}.header{padding:0 0 12px}.header nav,.skip,.view-controls,.toolbar,.price-note,.sample-banner,.category-grid,.category-items,.footer,dialog{display:none!important}#list-view{display:block!important;overflow:visible;border:0}table{min-width:0;width:100%}th,td{padding:7px;font-size:10pt}th:first-child,td:first-child{display:none}thead{display:table-header-group}tr{break-inside:avoid}.panel{break-inside:avoid;margin-top:16px;padding:12px}.company-logo{width:65px;height:65px}}
.company-logo{background:#111827;border-radius:8px;padding:5px}
/* Persistent website navigation; printing stays with the catalog heading. */
.nav-category{background:#fffbeb;border-color:#fcd34d;color:#92400e}nav button[aria-pressed="true"]{border-color:#d97706;background:#fef3c7}nav button[aria-pressed="false"]{background:white}.heading{flex-wrap:wrap}.print-list{margin-left:auto;font:inherit;font-size:14px;font-weight:700;border:1px solid #cbd5e1;border-radius:8px;background:white;padding:10px 16px;cursor:pointer}
@media screen{html{scroll-padding-top:calc(var(--site-header-height,160px) + 20px)}.header{position:sticky;top:0;z-index:5;box-shadow:0 2px 8px #0000000a}.skip{z-index:6}}
@media print{.header{position:static;box-shadow:none}.print-list{display:none!important}}