:root{font-family:system-ui,sans-serif;color:#17283a;background:#f4f7f8}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header{padding:20px 5%;background:#17283a;display:flex;justify-content:space-between;gap:20px}header a{color:white;text-decoration:none}header strong{color:#0fb5ae}nav{display:flex;gap:20px}main{max-width:1150px;margin:auto;padding:32px 22px}.eyebrow{text-transform:uppercase;color:#067d78;font-weight:700;letter-spacing:.12em}h1{font-size:clamp(2rem,5vw,3rem);margin:8px 0}p{line-height:1.6}#status{padding:14px 18px;background:#e4f3f1;border-left:4px solid #078c85}.table-scroll{overflow-x:auto;background:white;border:1px solid #d2dddf;border-radius:8px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:16px;border-bottom:1px solid #dce4e6}th{background:#17283a;color:white}td:first-child{min-width:240px}input,textarea{font:inherit;padding:10px;border:1px solid #788b92;border-radius:5px}input[type=number]{width:95px}input[type=search]{display:block;width:100%;max-width:500px;margin:8px 0 16px}button,.button{display:inline-block;font:inherit;font-weight:700;background:#f2b705;color:#17283a;border:0;border-radius:6px;padding:12px 18px;cursor:pointer;text-decoration:none}button:disabled{opacity:.6;cursor:wait}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:20px 0}a{color:#006963}.unavailable{font-size:.85rem;color:#8b3e20}article{padding:20px;background:white;margin:16px 0;border:1px solid #d2dddf;border-radius:8px}article button{margin:8px 8px 0 0}textarea{display:block;width:100%}:focus-visible{outline:3px solid #008e84;outline-offset:3px}@media(max-width:600px){main{padding:24px 14px}header{padding:18px 14px}th,td{padding:12px}.actions button{width:100%}}
:root{font-size:16px}header{align-items:center;flex-wrap:wrap}.brand{font-size:1.4rem;font-weight:800}nav{flex-wrap:wrap}nav a{padding:8px 0}main{min-width:0}p,article{overflow-wrap:anywhere}.muted{color:#4d606c}#proNav{margin:20px 0;padding:8px 14px;background:white;border:1px solid #d2dddf;border-radius:8px}#proNav [aria-current=page]{font-weight:800;border-bottom:3px solid #087d78}select{font:inherit;padding:12px;border:1px solid #788b92;border-radius:5px;display:block;width:100%;max-width:620px;margin:8px 0 20px}input,textarea{max-width:100%}label,legend{font-weight:650}fieldset{border:1px solid #c5d2d5;padding:20px;margin:24px 0;min-width:0}button,.button{min-height:44px}article{min-width:0}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-grid article{display:flex;flex-direction:column;margin:0 0 16px}.product-grid h2{font-size:1.1rem;line-height:1.45}.product-grid img{width:100%;height:150px;object-fit:contain}.product-grid .button{margin-top:auto;text-align:center}.price{font-size:1.3rem;font-weight:750}.review-meta{font-size:.9rem}
.sample-notice{border:2px solid #087d78;background:#e4f3f1;border-radius:8px;padding:16px 20px}.sample-notice p{font-size:.9rem;margin:8px 0}.sample-part-image{width:64px;height:64px;object-fit:contain;float:left;margin:0 12px 8px 0}#sampleCartItems{padding:12px 20px;background:white;border:1px solid #d2dddf;border-radius:8px}
@media(max-width:800px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){header nav{font-size:.9rem}#proNav{gap:4px 16px}.product-grid{grid-template-columns:1fr}fieldset{padding:14px}thead{display:none}tbody,tr,td{display:block}tr{padding:12px;border-bottom:2px solid #d2dddf}td{border:0;padding:8px 0}td:first-child{min-width:0;font-weight:700}td[data-label]::before{content:attr(data-label) ': ';font-weight:600}td:last-child{display:flex;align-items:center;gap:12px}}