/* ──────────────────────────────────────────────
   Mants — Info Columns (Block 7): care, payment, shipping
   ────────────────────────────────────────────── */

.info-section {
  position: relative;
  padding: 56px 0;
}

/* Decorative top strip: a band with thin brand rules top and bottom. */
.info-section::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0.5rem;
  background-color: #c3b0a5;
  border-top: 0.125rem solid var(--brand);
  border-bottom: 0.125rem solid var(--brand);
}

.info-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 56px;
  align-items: start;
}

.info-col__title {
  font-family: var(--ff-sans);
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--ink);
  margin-bottom: 14px;
}

.info-col__text {
  font-size: 12.5px;
  line-height: 1.65;
  color: var(--ink-soft);
}

.info-col__text + .info-col__text {
  margin-top: 10px;
}

.info-col__list {
  margin-top: -3px;
  list-style: none;
  font-size: 12.5px;
  line-height: 1.6;
  color: var(--ink-soft);
}

.info-col__list li {
  padding: 3px 0;
  border-bottom: 1px solid var(--rule);
}

.info-col__list li:last-child {
  border-bottom: none;
}

/* ── Responsive ─────────────────────────────── */

@media (max-width: 991px) { /* lg and down */
  .info-section {
    padding: 44px 0;
  }

  .info-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

@media (max-width: 575px) { /* sm and down */
  .info-section {
    padding: 36px 0;
  }
}