/* Independent distributor module. Existing site CSS and JS remain unchanged. */
.distributors{background:var(--pale)}
.distributors .distributor-card{display:grid;grid-template-columns:260px minmax(0,1fr);gap:52px;align-items:center;background:var(--white);border:1px solid var(--line);padding:44px}
.distributors .distributor-logo{display:flex;justify-content:center;align-items:center;padding:16px;min-height:100px}
.distributors .distributor-logo img{width:100%;max-width:230px;height:auto}
.distributors .distributor-info{min-width:0}
.distributors .distributor-region{margin:0 0 22px}
.distributors .distributor-region-link{display:inline-flex;align-items:center;min-height:44px;color:var(--blue);font-size:.875rem;font-weight:700;border-bottom:2px solid var(--orange)}
.distributors .distributor-region-link:hover{color:var(--navy)}
.distributors .distributor-info h3{font-size:2rem;color:var(--navy);margin-bottom:20px}
.distributors .distributor-description{color:var(--muted);max-width:680px}
.distributors .distributor-details{margin:26px 0 30px}
.distributors .distributor-details>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:14px;margin-bottom:12px;font-size:.9375rem;line-height:1.7}
.distributors .distributor-details dt{font-weight:600;color:var(--navy);padding-block:8px}
.distributors .distributor-details dd{margin:0;min-width:0;overflow-wrap:anywhere;padding-block:8px}
.distributors .distributor-details a,.distributors .distributor-other a{text-decoration:underline;text-underline-offset:5px}
.distributors .distributor-details a{display:inline-block;min-height:28px}
.distributors .distributor-details a:hover,.distributors .distributor-other a:hover{color:var(--blue)}
.distributors .distributor-other{font-size:.9375rem;color:var(--muted);margin:25px 0 0;overflow-wrap:anywhere}
.distributors .button{max-width:100%;min-width:0;white-space:normal}
#reagents .distributor-shortcut{font-size:.875rem;margin:18px 0 0}
#reagents .distributor-shortcut a{min-height:44px;max-width:100%;color:#d5e5f7}
#reagents .distributor-shortcut a:hover{color:#fff}
@media(max-width:900px){
  .distributors .distributor-card{grid-template-columns:180px minmax(0,1fr);gap:28px;padding:32px}
  .distributors .distributor-logo{padding:0}
}
@media(max-width:760px){
  .distributors .distributor-card{grid-template-columns:minmax(0,1fr);gap:28px;padding:24px}
  .distributors .distributor-logo{justify-content:flex-start}
  .distributors .distributor-logo img{max-width:180px}
  .distributors .distributor-details>div{grid-template-columns:76px minmax(0,1fr);gap:10px}
  .distributors .distributor-info h3{font-size:1.75rem}
}
@media(max-width:390px){
  .distributors .distributor-card{padding:20px}
  .distributors .distributor-details>div{grid-template-columns:minmax(0,1fr);gap:0;margin-bottom:16px}
  .distributors .distributor-details dt,.distributors .distributor-details dd{padding-block:3px}
}
@media print{
  .distributors{background:white}
  .distributors .distributor-card{padding:20px;gap:24px;break-inside:avoid}
  #reagents .distributor-shortcut{display:none}
}