/* COD Process — oversized soft numbers + compact titles (aligned with process-steps) */

.sec__cod-process .cod-process__grid {
  align-items: start;
}

.sec__cod-process .cod-process__step {
  min-width: 0;
  padding-top: 2.4rem;
  border-top: 1px solid color-mix(in srgb, var(--color-primary) 40%, var(--color-border, #e5e5e5));
}

.sec__cod-process .cod-process__number {
  display: block;
  font-family: var(--heading-font);
  font-size: clamp(3.2rem, 5vw, 4.8rem);
  font-weight: var(--heading-weight, 500);
  line-height: 0.9;
  letter-spacing: var(--heading-letter-spacing, 0.02em);
  font-variant-numeric: tabular-nums;
  color: color-mix(in srgb, var(--color-primary) 52%, transparent);
  margin: 0 0 1.8rem;
}

.sec__cod-process .cod-process__title {
  font-family: var(--heading-font);
  font-weight: var(--heading-weight, 500);
  font-size: clamp(1.5rem, 1.6vw, 1.7rem);
  line-height: 1.3;
  letter-spacing: var(--heading-letter-spacing, 0.02em);
  color: var(--color-heading);
  margin: 0 0 1rem;
}

.sec__cod-process .cod-process__text {
  color: var(--color-text);
  opacity: 0.78;
  max-width: 34rem;
  line-height: 1.65;
}

@media (max-width: 767.98px) {
  .sec__cod-process .cod-process__step {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 1.6rem;
    row-gap: 0.5rem;
    padding-top: 2rem;
    align-items: start;
  }

  .sec__cod-process .cod-process__number {
    grid-row: 1 / span 2;
    margin: 0;
    font-size: clamp(2.8rem, 10vw, 3.6rem);
    line-height: 1;
    padding-top: 0.1rem;
  }

  .sec__cod-process .cod-process__title {
    grid-column: 2;
    margin: 0 0 0.4rem;
    font-size: 1.55rem;
  }

  .sec__cod-process .cod-process__text {
    grid-column: 2;
  }
}