.contact {
      max-width: var(--container-narrow);
      margin-inline: auto;
    }
    .contact__grid {
      list-style: none;
      padding: 0;
      margin: var(--space-6) 0 0;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: var(--space-4);
    }
    .contact__card {
      background: var(--color-bg-soft);
      border: 1px solid var(--color-line);
      border-radius: var(--radius-lg);
      padding: var(--space-5);
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .contact__icon {
      display: inline-grid;
      place-items: center;
      width: 48px;
      height: 48px;
      border-radius: 50%;
      background: rgba(16, 185, 129, 0.12);
      color: var(--color-primary-dark);
      margin-bottom: var(--space-3);
    }
    .contact__icon--wa {
      background: rgba(37, 211, 102, 0.14);
      color: #1da851;
    }
    .contact__card h2 { font-size: 1.05rem; margin-bottom: var(--space-1); }
    .contact__card p { font-size: var(--fs-small); color: var(--color-muted); margin: 0 0 var(--space-4); line-height: 1.6; }
    .contact__card .btn { margin-top: auto; }
    .btn--wa { background: #25d366; color: #fff; }
    .btn--wa:hover { background: #1da851; color: #fff; }

    .contact__meta {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: var(--space-4);
      margin-top: var(--space-6);
    }
    .contact__meta-item {
      background: var(--color-bg-tint);
      border: 1px solid var(--color-line);
      border-radius: var(--radius-md);
      padding: var(--space-4) var(--space-5);
    }
    .contact__meta-item h3 { font-size: 0.95rem; margin-bottom: var(--space-1); }
    .contact__meta-item p { font-size: var(--fs-small); color: var(--color-muted); margin: 0; line-height: 1.6; }

    .contact h2.contact__section-title {
      font-size: clamp(1.3rem, 1.1rem + 1vw, 1.7rem);
      margin-top: var(--space-8);
      margin-bottom: var(--space-3);
    }
    .contact__list {
      list-style: disc;
      padding-left: 1.4rem;
      display: grid;
      gap: var(--space-2);
      color: var(--color-text);
      font-size: var(--fs-small);
    }
    .contact__box {
      background: var(--color-bg-soft);
      border: 1px solid var(--color-line);
      border-radius: var(--radius-md);
      padding: var(--space-5);
      margin-top: var(--space-6);
      font-size: var(--fs-small);
      color: var(--color-text);
      line-height: 1.6;
    }
    .contact__box strong { color: var(--color-heading); }
    .contact__box a { text-decoration: underline; }

    @media (max-width: 620px) {
      .contact__grid { grid-template-columns: 1fr; }
      .contact__meta { grid-template-columns: 1fr; }
    }