/* ===== TrustBar: a centred strip of assurances ===== */
.cc_d2ggg1qu_qnmojasDSB .hl-tb {
  width: 100%;
  font-family: var(--hl-font-ui);
  padding-top: var(--hl-pt, 28px);
  padding-bottom: var(--hl-pb, 28px);
  --hl-tb-border: color-mix(in srgb, currentColor 16%, transparent);
}
@media (max-width: 767px) {
  .cc_d2ggg1qu_qnmojasDSB .hl-tb { padding-top: var(--hl-pt-m, 24px); padding-bottom: var(--hl-pb-m, 24px); }
}
.cc_d2ggg1qu_qnmojasDSB .hl-tb--top { border-top: 1px solid var(--hl-tb-border); }
.cc_d2ggg1qu_qnmojasDSB .hl-tb--bottom { border-bottom: 1px solid var(--hl-tb-border); }

.cc_d2ggg1qu_qnmojasDSB .hl-tb__inner { width: 100%; margin: 0 auto; }
.cc_d2ggg1qu_qnmojasDSB .hl-tb--full .hl-tb__inner { max-width: none; }

/* Items are content-sized columns packed to the centre with a uniform gap, so every
   item sits on the same plane and the group is centred rather than stretched. */
.cc_d2ggg1qu_qnmojasDSB .hl-tb__grid {
  display: grid;
  grid-template-columns: repeat(var(--hl-tb-cols, 4), auto);
  justify-content: center;
  align-items: center;
  gap: var(--hl-tb-gap, 28px);
}
/* the renderer wrapper is `display: contents`; flatten it so the item roots are the grid items */
.cc_d2ggg1qu_qnmojasDSB .hl-tb__grid > * { display: contents; }

@media (max-width: 1024px) {
  .cc_d2ggg1qu_qnmojasDSB .hl-tb__grid { grid-template-columns: repeat(2, auto); row-gap: 22px; }
}
@media (max-width: 560px) {
  .cc_d2ggg1qu_qnmojasDSB .hl-tb__grid { grid-template-columns: auto; }
}
