/* ───── KARAFT multicolumn (Prestige Allure clone) ─────
   Centered eyebrow + heading, then N equal USP columns. Each column has an
   optional icon (or image), heading, body, optional link. 1:1 with reference. */

.kf-multicol { padding: var(--section-gap, 96px) 0; }

.kf-multicol__head {
  text-align: center;
  margin-bottom: 56px;
}
.kf-multicol__heading {
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: clamp(24px, 2.6vw, 34px);
  letter-spacing: var(--track-heading, 0.16em);
  text-transform: uppercase;
  margin: 16px 0 0;
}

.kf-multicol__grid {
  display: grid;
  grid-template-columns: repeat(var(--kf-cols, 3), 1fr);
  gap: 48px 56px;
}

.kf-multicol__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.kf-multicol__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  color: var(--color-text);
}
.kf-multicol__icon .icon {
  width: 30px;
  height: 30px;
}

.kf-multicol__media {
  width: 100%;
  margin-bottom: 24px;
  background: var(--color-bg);
}
.kf-multicol__img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.kf-multicol__item-heading {
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: clamp(15px, 1.4vw, 17px);
  letter-spacing: var(--track-heading, 0.16em);
  text-transform: uppercase;
  margin: 0 0 14px;
}

.kf-multicol__item-body {
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.7;
  color: var(--color-text-muted);
  margin: 0;
  max-width: 34ch;
}

.kf-multicol__link {
  margin-top: 18px;
}

/* ── Responsive ───────────────────────────────────────────────────────── */
@media (max-width: 900px) {
  .kf-multicol__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 44px 40px;
  }
}
@media (max-width: 600px) {
  .kf-multicol { padding: 64px 0; }
  .kf-multicol__head { margin-bottom: 40px; }
  .kf-multicol__grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .kf-multicol__item-body { max-width: none; }
}