.mod-team { max-width: 1100px; margin: 0 auto; padding: 40px 20px; }
.mod-team__title { text-align: center; color: var(--color-dark, var(--dark, #111)); margin-bottom: 24px; }
.mod-team__scroll-wrap { position: relative; }
.mod-team__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 24px; text-align: center; }
.mod-team__card img { width: 90px; height: 90px; border-radius: 50%; object-fit: cover; margin-bottom: 12px; }
.mod-team__card h4 { color: var(--color-dark, var(--dark, #111)); margin: 0 0 4px; }
.mod-team__role { color: var(--color-primary, var(--primary, #2563eb)); font-size: 13px; margin: 0 0 8px; }
.mod-team__bio { color: #666; font-size: 13px; }
.mod-team__nav-btn {
    display: none; position: absolute; top: 50%; transform: translateY(-50%);
    width: 36px; height: 36px; border-radius: 50%; border: none;
    background: var(--color-surface, #fff); color: var(--color-dark, var(--dark, #111));
    box-shadow: var(--shadow-base, 0 2px 8px rgba(0,0,0,.15));
    align-items: center; justify-content: center; cursor: pointer; z-index: 5;
}
.mod-team__nav-btn--prev { left: -4px; }
.mod-team__nav-btn--next { right: -4px; }
@media (max-width: 768px) {
    .mod-team__grid {
        display: flex; overflow-x: auto; scroll-snap-type: x mandatory;
        gap: 16px; -webkit-overflow-scrolling: touch; scrollbar-width: none;
        padding: 4px calc((100% - 84%) / 2);
    }
    .mod-team__grid::-webkit-scrollbar { display: none; }
    .mod-team__card { flex: 0 0 84%; scroll-snap-align: center; }
    .mod-team__nav-btn { display: flex; }
}