.wulu-shopping-security {
  width: 100%;
  margin-block-start: 16px;
  overflow: hidden;
  color: #111;
  background-color: var(--wulu-security-background, #f0fbf5);
  border: 1px solid rgba(22, 135, 95, 0.14);
  border-radius: 8px;
}

.wulu-shopping-security__grid {
  display: block;
  padding: 0;
  background-color: var(--wulu-security-background, #f0fbf5);
}

.wulu-shopping-security__item {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) 12px;
  gap: 12px;
  align-items: center;
  min-width: 0;
  min-height: 48px;
  padding: 11px 16px;
  color: inherit;
  text-decoration: none;
  background-color: var(--wulu-security-background, #f0fbf5);
  border-block-start: 1px solid rgba(22, 135, 95, 0.12);
  transition: background-color 160ms ease, color 160ms ease;
}

.wulu-shopping-security__item:first-child {
  border-block-start: 0;
}

.wulu-shopping-security__item[href]:hover {
  background-color: rgba(22, 135, 95, 0.07);
}

.wulu-shopping-security__item[href]:hover .wulu-shopping-security__title,
.wulu-shopping-security__item[href]:hover .wulu-shopping-security__arrow {
  color: #126f4e;
}

.wulu-shopping-security__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #16875f;
}

.wulu-shopping-security__icon svg {
  width: 22px;
  height: 22px;
}

.wulu-shopping-security__copy,
.wulu-shopping-security__title,
.wulu-shopping-security__text {
  min-width: 0;
}

.wulu-shopping-security__copy {
  display: flex;
  align-items: baseline;
  gap: 8px;
  overflow: hidden;
  white-space: nowrap;
}

.wulu-shopping-security__title {
  flex: 0 0 auto;
  color: #111;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
  white-space: nowrap;
}

.wulu-shopping-security__text {
  flex: 1 1 auto;
  overflow: hidden;
  color: #5f6b66;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wulu-shopping-security__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  width: 12px;
  height: 12px;
  color: #7a837f;
  transition: color 160ms ease, transform 160ms ease;
}

.wulu-shopping-security__arrow svg {
  width: 12px;
  height: 12px;
}

.wulu-shopping-security__item[href]:hover .wulu-shopping-security__arrow {
  transform: translateX(2px);
}

@media (max-width: 420px) {
  .wulu-shopping-security {
    margin-block-start: 14px;
  }

  .wulu-shopping-security__item {
    grid-template-columns: 21px minmax(0, 1fr) 11px;
    gap: 9px;
    min-height: 46px;
    padding: 10px 13px;
  }

  .wulu-shopping-security__icon,
  .wulu-shopping-security__icon svg {
    width: 20px;
    height: 20px;
  }

  .wulu-shopping-security__copy {
    gap: 6px;
  }

  .wulu-shopping-security__title,
  .wulu-shopping-security__text {
    font-size: 11px;
  }
}