/* =================== hc-trust — animated trust teasers ===================
   Used in PDP buy-box (.hc-pdp-m1__trust) and quick-view (.hc-qv__assurance).
   Each teaser = inline SVG icon (stroke-drawn on reveal) + short text.
   Per-category text/icon are chosen server-side (templating.type_trust_badges). */

.hc-trust {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  line-height: 1.25;
  color: rgba(26, 23, 20, 0.64);
}

.hc-trust-ico {
  flex: none;
  width: 17px;
  height: 17px;
  color: var(--hc-gold, #b08a4f);
  stroke-dasharray: 90;
  stroke-dashoffset: 90;
  animation: hc-trust-draw 0.85s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}

@keyframes hc-trust-draw {
  to { stroke-dashoffset: 0; }
}

/* stagger the draw-in across a teaser row */
.hc-trust:nth-of-type(2) .hc-trust-ico { animation-delay: 0.11s; }
.hc-trust:nth-of-type(3) .hc-trust-ico { animation-delay: 0.22s; }
.hc-trust:nth-of-type(4) .hc-trust-ico { animation-delay: 0.33s; }

/* gentle idle lift when the teaser group is hovered */
.hc-pdp-m1__trust:hover .hc-trust-ico,
.hc-qv__assurance:hover .hc-trust-ico {
  stroke-dashoffset: 0;
  animation: hc-trust-pulse 1.7s ease-in-out infinite;
}

@keyframes hc-trust-pulse {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-1.5px); }
}

@media (prefers-reduced-motion: reduce) {
  .hc-trust-ico,
  .hc-pdp-m1__trust:hover .hc-trust-ico,
  .hc-qv__assurance:hover .hc-trust-ico {
    animation: none;
    stroke-dashoffset: 0;
  }
}