/* ==========================================================================
   trust-strip.css — Trust strip
   Row of small promises under the hero (delivery, quality, etc.).
   Self-contained: every value is written out (no CSS variables) and every
   selector has its own rule, so changing one block never touches another.
   ========================================================================== */

/* ── .trust-strip ── */
.trust-strip {
  background: #4a154b;
  padding: 32px 0;
}

/* ── .trust-grid ── */
.trust-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

/* ── .trust-item ── */
.trust-item {
  display: flex;
  align-items: center;
  gap: 14px;
  color: #f9f0fa;
}

/* ── .trust-icon ── */
.trust-icon {
  font-size: 1.8rem;
  line-height: 1;
  flex-shrink: 0;
}

/* ── .trust-item ── */
.trust-item strong {
  display: block;
  font-size: 0.92rem;
  margin-bottom: 2px;
}

.trust-item small {
  font-size: 0.8rem;
  opacity: 0.7;
}

@media (max-width: 1024px) {
  /* ── .trust-grid ── */
  .trust-grid {
    grid-template-columns: repeat(2, 1fr);
  }

}

@media (max-width: 768px) {
  .trust-grid {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }

}

@media (max-width: 480px) {
  .trust-grid {
    grid-template-columns: 1fr;
  }

}

/* ── .trust-strip ── */
.trust-strip :focus-visible {
  outline-color: #fff;
}

.trust-strip a:hover {
  color: #f7d4e6;
}