/* Our Distributors — map + A–Z state boxes (built from src/data/distributors-*.json) */
.dr{--rp:clamp(24px,5vw,90px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:40px;row-gap:34px;align-items:start;padding:0 var(--rp)}
.dr-map{grid-column:1 / -1;--sw:calc(100vw - 2 * var(--rp));--cw:min(calc(var(--sw) - 6vw),1200px);padding-top:calc(100px + 6.6vw);padding-bottom:calc(2 * (min(94vw,1200px) * .0215 + 11px));padding-left:max(3vw,calc((var(--sw) - 1200px) / 2))}
.dr-map h1.ufw-pt{margin:0 0 24px;color:#16130f;font-size:var(--h2);line-height:1.2992}
.dr-map .ufmap{max-width:1000px;margin-left:auto;margin-right:auto}
.st{display:grid;grid-template-columns:minmax(0,1fr);row-gap:12px}
.st-h{border-bottom:1px solid rgba(163,34,72,.3);padding:0 0 8px}
.st-h h3{margin:0}
.st-c{background:#fff;border:1px solid #e6e1da;border-radius:10px;padding:14px 16px}
.st-c p{margin:0}
@media (max-width:899px){
  .dr{grid-template-columns:minmax(0,1fr);row-gap:26px;padding:0}
  .dr-map{padding:calc(80px + 6.6vmax) 0 calc(10px + 2 * (min(calc(100vw - 6vw),1200px) * .0215 + 11px)) 3vw}
  .st{row-gap:10px;padding:0 20px}
}
@media (max-width:767px){.dr-map{padding:calc(80px + 6.6vmax) 6vw 10px}}
.dr-map{line-height:25.2px}
@media (max-width:767px){.st-h h3{font-size:26.96px;line-height:35.9323px}}