/* This sits inside Footer's .nisa-footer__trust-track through two
   nested display:contents CSS-scope wrappers (one from IkasComponentRenderer,
   one per-instance for this component's own CSS scope). On desktop it's
   promoted to a normal flex item (flex:1 1 0, an equal-thirds row) — fine
   there. On mobile the slider instead needs each slide pinned to an exact
   100%-wide horizontal slot via `left`, and relying on flex-basis
   percentage resolution THROUGH that nested display:contents chain is
   unreliable in some mobile browsers (WebKit has long-standing bugs
   promoting flex/grid items across nested display:contents) — that's
   what caused only the first slide to ever actually be visible/sized
   correctly. So mobile switches to position:absolute instead, whose
   percentage sizing resolves against the nearest positioned ancestor
   (.nisa-footer__trust-track) by walking the real box tree — exactly the
   same escape-hatch mechanism already proven for the category preview
   image (see FooterCategoryItem/styles.css) — sidestepping flex-item
   promotion entirely. Footer/styles.css sets the per-slide `left` via
   `:nth-child` on the real sibling wrappers (see its comment for why). */
.cc_llcvgyda_2cyR1CL63B .nisa-trust-badge {
  flex: 1 1 0;
  padding: clamp(24px, 4vw, 57px) clamp(16px, 2vw, 32px);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.cc_llcvgyda_2cyR1CL63B .nisa-trust-badge__title {
  margin: 0;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0.02em;
}

.cc_llcvgyda_2cyR1CL63B .nisa-trust-badge__subtitle {
  margin: 12px 0 0;
  max-width: 22rem;
  font-size: 15px;
  color: var(--yxsK6O1M8R, #000);
}

@media (max-width: 1023px) {
  .cc_llcvgyda_2cyR1CL63B .nisa-trust-badge {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    box-sizing: border-box;
  }

  /* Narrower than the arrow buttons' horizontal footprint (39px each,
     16px inset — see Footer/styles.css's .nisa-footer__trust-arrow), so
     the subtitle wraps to more lines and stays centered instead of
     running edge-to-edge past where the arrows sit. */
  .cc_llcvgyda_2cyR1CL63B .nisa-trust-badge__subtitle {
    max-width: calc(100% - 140px);
  }
}