/**
 * Trust badges — «Натуральная кожа + Made in Italy»
 *
 * Бейдж качества для товаров из натуральной кожи/замши итальянского
 * производства. Появляется автоматически (data-driven) на основе
 * атрибутов товара: 14 = Материал, 51 = Страна производства.
 * Все иконки и флаг — inline SVG (чёткие на retina, без HTTP-запросов,
 * темизируются через currentColor).
 *
 * 4 стиля для сравнения (выбирается классом-модификатором):
 *   .cem-trust--strip  — премиальная плашка (2 сегмента)
 *   .cem-trust--cards  — две карточки-бейджа
 *   .cem-trust--seal   — круглая печать-эмблема
 *   .cem-trust--line   — минимал-строка
 *
 * Цвета итальянского флага: green #008C45, white #F4F5F0, red #CD212A.
 */

.cem-trust {
  --tb-leather: #8a5a2b;
  --tb-leather-tint: #f7f0e7;
  --tb-ink: #2a2118;
  --tb-line: #e6ddd0;
  margin: 14px 0;
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
}

/* --- общие SVG --- */
.cem-tb-flag {
  flex: 0 0 auto;
  border-radius: 3px;
  clip-path: inset(0 round 3px);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .10);
}
.cem-tb-leather { flex: 0 0 auto; color: var(--tb-leather); }
.cem-tb-check   { flex: 0 0 auto; color: #15803d; }
.cem-trust-txt  { line-height: 1.2; }

/* === V1 — премиальная плашка === */
.cem-trust--strip {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: stretch;
  border: 1px solid var(--tb-line);
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}
.cem-trust-seg {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  font-size: 13px;
  font-weight: 600;
  color: var(--tb-ink);
}
.cem-trust-seg--leather { background: var(--tb-leather-tint); }
.cem-trust-seg--italy   { border-left: 1px solid var(--tb-line); }

/* === V2 — две карточки-бейджа === */
.cem-trust--cards {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.cem-trust-card {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 118px;
  padding: 13px 16px;
  border: 1px solid var(--tb-line);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
  text-align: center;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--tb-ink);
}
.cem-trust-card--leather { background: var(--tb-leather-tint); }
.cem-trust-card .cem-tb-leather { width: 28px; height: 28px; }
.cem-trust-card .cem-tb-flag    { width: 30px; height: 20px; }

/* === V3 — круглая печать-эмблема === */
.cem-trust--seal { display: flex; }
.cem-trust-seal {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  width: 122px;
  height: 122px;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 38%, #fbf6ef, #f3e9da);
  border: 2px solid var(--tb-leather);
  color: var(--tb-leather);
  text-align: center;
}
.cem-trust-seal::before {
  content: "";
  position: absolute;
  inset: 6px;
  border: 1px dashed rgba(138, 90, 43, .55);
  border-radius: 50%;
}
.cem-trust-seal .cem-tb-flag { width: 30px; height: 20px; margin: 1px 0; }
.cem-trust-seal-top { font-size: 9.5px; font-weight: 700; letter-spacing: 2px; }
.cem-trust-seal-mid { font-size: 11px;  font-weight: 800; line-height: 1.05; letter-spacing: .5px; }
.cem-trust-seal-bot { font-size: 9px;   font-weight: 700; letter-spacing: 1px; opacity: .85; }

/* === V4 — минимал-строка === */
.cem-trust--line {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--tb-ink);
}
.cem-trust-line-item { display: inline-flex; align-items: center; gap: 7px; }
.cem-trust-dot { width: 4px; height: 4px; border-radius: 50%; background: #c9bda9; }
.cem-trust--line .cem-tb-flag { width: 20px; height: 13px; }

@media (max-width: 480px) {
  .cem-trust-seg  { padding: 8px 11px; font-size: 12px; }
  .cem-trust-card { min-width: 104px; padding: 11px 12px; }
}