/* Distributors & wholesalers (Harvest): roles/distributors.html. The hero, cards and the day
   come from site.css; this file adds the AI columns, the tools and the "also for" list. */

.p-distributors .dw-ai .offer ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.p-distributors .dw-ai .offer li { position: relative; padding-left: 18px; font-size: 16px; line-height: 1.5; color: var(--ink-2); }
.p-distributors .dw-ai .offer li::before { content: ""; position: absolute; left: 0; top: .62em; width: 6px; height: 6px; border-radius: 50%; background: var(--line-strong); }
.p-distributors .dw-ai .offer:first-child li::before { background: var(--carmine); }
.p-distributors .dw-rule { display: flex; align-items: center; gap: 10px; margin-top: var(--space-12); font-size: 15px; color: var(--muted); }
.p-distributors .dw-rule svg { width: 18px; height: 18px; color: var(--ok); flex: none; }

.p-distributors .dw-tools { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-4); }
.p-distributors .dw-tool { display: grid; grid-template-rows: auto auto 1fr auto; gap: var(--space-3); padding: var(--space-6); border-radius: var(--radius-lg); background: var(--surface); border: 1px solid var(--line); color: var(--ink); text-decoration: none; transition: border-color .2s ease, transform .2s ease; }
.p-distributors .dw-tool:hover { border-color: var(--line-strong); transform: translateY(-2px); }
.p-distributors .dw-tool .app-ico { width: 40px; height: 40px; border-radius: 12px; margin: 0; }
.p-distributors .dw-tool .app-ico svg { width: 20px; height: 20px; }
.p-distributors .dw-tool__n { display: grid; gap: 2px; }
.p-distributors .dw-tool__n b { font-size: 18px; font-weight: 600; letter-spacing: -0.015em; }
.p-distributors .dw-tool__n small { font-size: 13px; color: var(--muted); }
.p-distributors .dw-tool p { font-size: 15px; line-height: 1.5; color: var(--ink-2); }
.p-distributors .dw-tool em { font-style: normal; font-size: 14px; font-weight: 500; }

.p-distributors .dw-others { display: grid; gap: var(--space-6); padding-top: var(--space-8); border-top: 1px solid var(--line); }
.p-distributors .dw-others nav { display: flex; flex-wrap: wrap; gap: 8px; }
.p-distributors .dw-others a { display: inline-flex; align-items: center; height: 38px; padding: 0 16px; border-radius: var(--radius-pill); border: 1px solid var(--line); font-size: 14.5px; font-weight: 500; color: var(--ink); text-decoration: none; transition: border-color .15s ease; }
.p-distributors .dw-others a:hover { border-color: var(--ink); }

@media (max-width: 1100px) { .p-distributors .dw-tools { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .p-distributors .dw-tools { grid-template-columns: minmax(0, 1fr); } }