.trust-icons-section {
  --_trust-icons-padding: 0.5rem 0.5rem 0rem;
  --_trust-icons-inner-padding: 3rem 2.5rem 2.5rem;
  --_trust-icons-carousel-grid: auto / auto-flow 100%;
  --_trust-icons-carousel-c-gap: 0;
  --_trust-title-margin-block: 0.75rem;
  --container-gutter: 0px;
  padding: var(--_trust-icons-padding);

  .swym-wishlist-collections-v2-container {
    display: none;
  }
}

.trust-icons {
  padding: var(--_trust-icons-inner-padding);
  grid-template-columns: minmax(0, 1fr);
  row-gap: 3rem;
  display: grid;
  border-radius: 0.5rem;
  position: relative;
  margin-inline: 0;

  .trust-icons__item--title {
    margin-block: var(--_trust-title-margin-block);
  }

  .trust-icons__item--text {
    margin: 0;
  }

  .scroll-marker-group--lines {
    .scroll-marker {
      width: 3rem;
      border-radius: 3px;
      background-color: var(--theme-color-grey-2);
      --scroll-marker-height: 2px;
    }
    .scroll-marker[aria-current='true'] {
      background-color: var(--theme-color-primary, #e1083e);
    }
    .scroll-marker[aria-current='false'] {
      width: 1.5rem;
      background-color: var(--theme-color-grey-3);
    }
  }

  .trust-icons__mobile-arrows {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    inset-inline: -1rem;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
  }

  .trust-icons__mobile-arrows .circle-button {
    pointer-events: auto;
  }

  .circle-button {
    --button-size: 2.4rem;
    opacity: 1;
    transition: opacity 0.2s ease-in-out;

    svg {
      width: 100%;
      height: 100%;
    }
  }

  .circle-button[disabled] {
    opacity: 0;
  }

  .trust-icons__carousel {
    grid: var(--_trust-icons-carousel-grid);
    column-gap: var(--_trust-icons-carousel-c-gap);
    display: grid;
  }

  .trust-icons__item {
    padding: 0.25rem 1.5rem;

    &.trust-icons__item--link {
      .trust-icons__item--image {
        transform: scale(1);
        transition: transform 0.2s ease-in-out;
      }

      .trust-icons__item--title {
        color: var(--theme-color-black);
        transition: color 0.2s ease-in-out;
      }

      &:hover,
      &:focus {
        .trust-icons__item--image {
          transform: scale(1.05);
        }

        .trust-icons__item--title {
          color: var(--theme-color-primary);
        }
      }
    }

    .yman-icon {
      display: none;
    }
  }
}

body:has(.yman-page) {
  .shopify-section--trust-icons {
    --theme-color-primary-light: var(--theme-color-yamamay-man-light);
    --theme-color-primary-badge-dark: var(--theme-color-yamamay-badge-dark);
    --theme-color-primary: var(--theme-color-yamamay-man);
    --theme-color-primary-dark: var(--theme-color-yamamay-man-dark);
    --theme-color-primary-transparent: var(--theme-color-yamamay-man-transparent);

    .trust-icons__item:has(.yman-icon) {
      .yamamay-icon {
        display: none;
      }

      .yman-icon {
        display: block;
      }
    }
  }
}

@media screen and (min-width: 1000px) {
  .trust-icons-section {
    --_trust-icons-padding: 1rem 1rem 0;
    --_trust-icons-inner-padding: 6rem;
    --_trust-title-margin-block: 1rem 0.75rem;
    --_trust-icons-carousel-grid: auto / repeat(var(--trust-icons-item-count, 4), minmax(0, 1fr));
    --_trust-icons-carousel-c-gap: 0.25rem;
  }
}
