/* =========================================================
   AGRIMPEX — OUR EXPORT TEAM
   ========================================================= */
.contact-team-section {
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: none;
  margin: 0;
  overflow: hidden;
  color: #000;
  background: var(--contact-team-bg, #fff);
}

.contact-team-section::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  content: "";
  opacity: 0;
  background-image:
    linear-gradient(rgba(26, 48, 26, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(26, 48, 26, 0.035) 1px, transparent 1px);
  background-size: 44px 44px;
}
.contact-team-section.has-decorative-grid::before { opacity: 1; }

.contact-team-section *,
.contact-team-section *::before,
.contact-team-section *::after { box-sizing: border-box; }

.contact-team-container {
  width: min(calc(100% - (var(--contact-team-padding-x, 48px) * 2)), var(--contact-team-container-max, 1440px));
  margin-inline: auto;
  padding-block: var(--contact-team-padding-top, 88px) var(--contact-team-padding-bottom, 88px);
}

.contact-team-intro { margin-bottom: 34px; }
.contact-team-eyebrow {
  margin: 0 0 12px;
  color: var(--contact-team-eyebrow-color, #4a8a4a);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.contact-team-section.has-eyebrow-line .contact-team-eyebrow::before {
  display: inline-block;
  width: 24px;
  height: 1px;
  margin-right: 10px;
  vertical-align: middle;
  content: "";
  background: currentColor;
}
.contact-team-heading {
  margin: 0;
  color: var(--contact-team-heading-color, #000);
  font-size: clamp(38px, 4.3vw, 66px);
  font-weight: 800;
  line-height: .98;
  letter-spacing: -.045em;
}
.contact-team-heading__highlight { color: var(--contact-team-highlight, #26ad21); }
.contact-team-description {
  max-width: 820px;
  margin: 18px 0 0;
  color: var(--contact-team-description-color, #5f665f);
  font-size: clamp(16px, 1.3vw, 19px);
  line-height: 1.55;
}
.contact-team-description[style*="center"] { margin-inline: auto; }
.contact-team-description[style*="right"] { margin-left: auto; }

.contact-team-grid {
  display: grid;
  grid-template-columns: repeat(var(--contact-team-columns-desktop, 4), minmax(0, var(--contact-team-card-max, 320px)));
  align-items: stretch;
  justify-content: var(--contact-team-cards-justify, center);
  gap: var(--contact-team-card-gap, 24px);
}

.contact-team-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--contact-team-card-border, rgba(26,48,26,.10));
  border-radius: var(--contact-team-card-radius, 14px);
  background: var(--contact-team-card-bg, #fff);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.contact-team-section.has-card-shadow .contact-team-card { box-shadow: 0 18px 44px rgba(26,48,26,.08); }
.contact-team-section.has-card-hover .contact-team-card:hover {
  transform: translateY(-6px);
  border-color: rgba(74,138,74,.35);
  box-shadow: 0 26px 64px rgba(26,48,26,.14);
}

.contact-team-card__media {
  position: relative;
  flex: 0 0 auto;
  width: 100%;
  height: var(--contact-team-image-height, 250px);
  overflow: hidden;
  background: linear-gradient(145deg, #4a8a4a 0%, #1a301a 100%);
}
.contact-team-card__image { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.contact-team-card__placeholder {
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  color:#fff;
  font-size:56px;
  font-weight:800;
  letter-spacing:.03em;
}

.contact-team-card__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
  padding: var(--contact-team-card-padding, 28px);
}
.contact-team-card__content {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  text-align: var(--contact-team-content-align, left);
}
.contact-team-card__name {
  margin: 0;
  color: var(--contact-team-name-color, #000);
  font-size: clamp(20px, 1.5vw, 25px);
  font-weight: 800;
  line-height: 1.12;
}
.contact-team-card__position {
  margin: 0;
  color: var(--contact-team-position-color, #4a8a4a);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
}
.contact-team-card__meta {
  margin: 0;
  color: var(--contact-team-meta-color, #626862);
  font-size: 14px;
  line-height: 1.45;
}
.contact-team-card__markets { margin-top: 7px; }

/* Actions stay at the bottom of every equally stretched card. */
.contact-team-card__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: var(--contact-team-actions-align, flex-start);
  gap: 10px;
  margin-top: auto;
  padding-top: var(--contact-team-actions-gap, 22px);
}
.contact-team-card__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border: 1px solid var(--contact-team-icon-border, rgba(74,138,74,.42));
  border-radius: 999px;
  color: var(--contact-team-icon-color, #4a8a4a);
  background: transparent;
  text-decoration: none;
  transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease;
}
.contact-team-card__action svg { width: 20px; height: 20px; }
.contact-team-card__action--linkedin { font-size: 17px; font-weight: 800; font-family: Arial, sans-serif; }
.contact-team-card__action:hover,
.contact-team-card__action:focus-visible {
  color: #fff;
  border-color: #26ad21;
  background: #26ad21;
  transform: translateY(-2px);
}

.contact-team-footer { display:flex; justify-content:center; margin-top:36px; }
.contact-team-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:12px 24px;
  border:1px solid #4a8a4a;
  border-radius:999px;
  color:#4a8a4a;
  background:transparent;
  font-weight:700;
  text-decoration:none;
  transition:all .2s ease;
}
.contact-team-button:hover { color:#fff; background:#26ad21; border-color:#26ad21; }
.contact-team-admin-notice { padding:20px; border-left:4px solid #dba617; background:#fff8e5; }

@media (max-width: 1100px) {
  .contact-team-grid { grid-template-columns: repeat(var(--contact-team-columns-tablet, 2), minmax(0, var(--contact-team-card-max, 320px))); }
}
@media (max-width: 782px) {
  .contact-team-container { width: calc(100% - 48px); padding-block: 64px; }
  .contact-team-grid { grid-template-columns: repeat(var(--contact-team-columns-mobile, 1), minmax(0, 1fr)); }
  .contact-team-card { max-width: var(--contact-team-card-max, 420px); justify-self:center; }
}
@media (prefers-reduced-motion: reduce) {
  .contact-team-card,
  .contact-team-card__action,
  .contact-team-button { transition:none !important; }
}