/* Standard 2-line marquee trust chips for treatment/speciality hero sections. Injected by
   dayal-shim initHeroChips into body.dyl-hero-enhance pages that lack hero chips. 2026-08-27. */
@keyframes dylHeroMqL { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes dylHeroMqR { from { transform: translateX(-50%); } to { transform: translateX(0); } }
.dyl-hero-chips { max-width: 600px; margin: 4px 0 26px; display: grid; gap: 10px; overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.dyl-hero-mq { display: flex; width: max-content; will-change: transform; }
.dyl-hero-mq.l { animation: dylHeroMqL 32s linear infinite; }
.dyl-hero-mq.r { animation: dylHeroMqR 36s linear infinite; }
.dyl-hero-chips:hover .dyl-hero-mq { animation-play-state: paused; }
.dyl-hero-chip { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px;
  background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.28); border-radius: 999px;
  padding: 8px 16px; margin: 0 5px; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
  font-family: var(--font-display); font-weight: 600; font-size: 13px; color: #fff; white-space: nowrap; }
.dyl-hero-chip svg { width: 13px; height: 13px; flex: 0 0 auto; display: block; }
@media (prefers-reduced-motion: reduce) { .dyl-hero-chips { overflow-x: auto; } .dyl-hero-mq { animation: none; } }