/*
  local-service-trust-band — Why Shine + Guarantee shared sparkle plate.
  Replaces separate section borders/backgrounds on service-hub-v3 + process-v2.
*/

.local-service-trust-band {
  position: relative;
  isolation: isolate;
  overflow-x: clip;
  overflow-y: visible;
  background-color: var(--color-bg);
  color: var(--color-text);
  border-block-end: 1px solid var(--color-border-subtle);
}

.local-service-trust-band__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  opacity: 0.5;
  pointer-events: none;
}

.local-service-trust-band__bg-img {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center top;
}

.local-service-trust-band__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: var(--local-service-copy-row-gap); /* 60px — Why Shine → Guarantee */
  inline-size: 100%;
}

/* Nested blocks: no duplicate plate or divider */
.service-hub-v3--in-trust-band,
.process-v2--in-trust-band {
  border: 0;
  background: transparent;
  overflow: visible;
}

.service-hub-v3--in-trust-band .service-hub-v3__inner {
  padding-block-start: var(--service-hub-v3-pad-y-mobile);
  padding-block-end: 0;
}

.process-v2--in-trust-band .process-v2__inner {
  padding-block-start: 0;
  padding-block-end: var(--process-v2-pad-y-mobile);
}

@media (min-width: 1024px) {
  .service-hub-v3--in-trust-band .service-hub-v3__inner {
    padding-block-start: var(--service-hub-v3-pad-y);
    padding-block-end: 0;
  }

  .process-v2--in-trust-band .process-v2__inner {
    padding-block-start: 0;
    padding-block-end: var(--process-v2-pad-y);
  }
}
